Skip to content

Commit 88d42da

Browse files
code-crushercode-crusher
committed
chore: release v5.2.4
- Update package.json version - Enhance chat UI components (ChatTextArea, FollowUpSuggest, SourceControlPanel, BottomControls) - Remove unused video file
1 parent bd48996 commit 88d42da

File tree

6 files changed

+102
-37
lines changed

6 files changed

+102
-37
lines changed

‎apps/kilocode-docs/static/img/boomerang-tasks/Roo-Code-Boomerang-Tasks.mp4‎

-70 MB
Binary file not shown.

‎src/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"displayName": "%extension.displayName%",
44
"description": "%extension.description%",
55
"publisher": "matterai",
6-
"version": "5.2.3",
6+
"version": "5.2.4",
77
"icon": "assets/icons/matterai-ic.png",
88
"galleryBanner": {
99
"color": "#FFFFFF",

‎webview-ui/src/components/chat/ChatTextArea.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1679,7 +1679,6 @@ export const ChatTextArea = forwardRef<HTMLDivElement, ChatTextAreaProps>(
16791679
"gap-1",
16801680
"bg-editor-background",
16811681
isEditMode ? "px-0" : "px-1.5",
1682-
"pb-1",
16831682
"outline-none",
16841683
"border-none",
16851684
isEditMode ? "w-full" : "w-[calc(100%-16px)]",

‎webview-ui/src/components/chat/FollowUpSuggest.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,12 +125,12 @@ export const FollowUpSuggest = ({
125125
</span>
126126
)}
127127
</Button>
128-
{suggestion.mode && (
128+
{/* {suggestion.mode && (
129129
<div className="absolute bottom-0 right-0 text-[10px] bg-vscode-badge-background text-vscode-badge-foreground rounded-md mr-1 mb-1 px-1 py-0.5 border border-vscode-badge-background flex items-center gap-0.5">
130130
<span className="codicon codicon-arrow-right" style={{ fontSize: "8px" }} />
131131
{suggestion.mode}
132132
</div>
133-
)}
133+
)} */}
134134
<StandardTooltip content={t("chat:followUpSuggest.copyToInput")}>
135135
<div
136136
className="absolute cursor-pointer top-2 right-3 opacity-0 group-hover:opacity-100 transition-opacity"

‎webview-ui/src/components/chat/SourceControlPanel.tsx‎

Lines changed: 58 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import { vscode } from "@/utils/vscode"
22
import { VSCodeButton } from "@vscode/webview-ui-toolkit/react"
33
import React, { useEffect, useMemo, useState } from "react"
44
import { getIconForFilePath, getIconUrlByName } from "vscode-material-icons"
5+
import MarkdownBlock from "../common/MarkdownBlock"
56

67
interface FileChange {
78
relPath: string
@@ -277,7 +278,7 @@ ${comment.suggestion}
277278
return (
278279
<div
279280
key={index}
280-
className="flex items-center gap-2 px-3 py-1.5 hover:bg-vscode-list-hoverBackground cursor-pointer group"
281+
className="flex items-center gap-1 px-3 py-1.5 hover:bg-vscode-list-hoverBackground cursor-pointer group"
281282
onClick={() => handleFileClick(file.absolutePath)}
282283
title={file.absolutePath}>
283284
{/* File Icon */}
@@ -288,7 +289,7 @@ ${comment.suggestion}
288289
)}
289290

290291
{/* Diff Stats */}
291-
<div className="flex gap-0.5 text-xs font-mono flex-shrink-0 w-12">
292+
<div className="flex gap-0.5 text-xs font-mono flex-shrink-0 w-fit">
292293
<span style={{ color: "var(--vscode-charts-green)" }}>
293294
+{file.stat?.additions || 0}
294295
</span>
@@ -298,7 +299,7 @@ ${comment.suggestion}
298299
</div>
299300

300301
{/* File Name & Path */}
301-
<div className="flex items-center gap-2 flex-1 min-w-0">
302+
<div className="flex items-center gap-1 flex-1 min-w-0">
302303
<span className="text-sm font-medium text-vscode-foreground truncate">
303304
{fileName}
304305
</span>
@@ -359,14 +360,28 @@ ${comment.suggestion}
359360
)}
360361
</div>
361362
{codeReviewResult.reviewComments?.length > 0 && (
362-
<VSCodeButton
363-
appearance="secondary"
364-
onClick={hasKilocodeToken ? handleApplyAllFixes : handleCopyAllPrompts}>
365-
<span
366-
className={`codicon ${hasKilocodeToken ? "codicon-check-all" : "codicon-copy"} mr-1`}
367-
/>
368-
{hasKilocodeToken ? "Apply All" : copyButtonText}
369-
</VSCodeButton>
363+
<>
364+
{hasKilocodeToken ? (
365+
<div className="flex gap-1">
366+
<VSCodeButton appearance="secondary" onClick={handleCopyAllPrompts}>
367+
<span className={`codicon codicon-copy`} />
368+
</VSCodeButton>
369+
<VSCodeButton appearance="secondary" onClick={handleApplyAllFixes}>
370+
<span className={`codicon codicon-check-all mr-1`} />
371+
Apply All
372+
</VSCodeButton>
373+
</div>
374+
) : (
375+
<VSCodeButton
376+
appearance="secondary"
377+
onClick={hasKilocodeToken ? handleApplyAllFixes : handleCopyAllPrompts}>
378+
<span
379+
className={`codicon ${hasKilocodeToken ? "codicon-check-all" : "codicon-copy"} mr-1`}
380+
/>
381+
{hasKilocodeToken ? "Apply All" : copyButtonText}
382+
</VSCodeButton>
383+
)}
384+
</>
370385
)}
371386
</div>
372387

@@ -399,18 +414,39 @@ ${comment.suggestion}
399414
{getFileName(comment.path)}:{comment.startLine}
400415
{comment.endLine !== comment.startLine && `-${comment.endLine}`}
401416
</button>
402-
<VSCodeButton
403-
appearance="primary"
404-
onClick={() =>
405-
hasKilocodeToken ? handleApplyFix(index) : handleCopyPrompt(comment)
406-
}>
407-
<span
408-
className={`codicon ${hasKilocodeToken ? "codicon-check" : "codicon-copy"} mr-1`}
409-
/>
410-
{hasKilocodeToken ? "Apply" : "Copy"}
411-
</VSCodeButton>
417+
418+
{hasKilocodeToken ? (
419+
<div className="flex gap-1">
420+
<VSCodeButton
421+
appearance="primary"
422+
onClick={() => handleCopyPrompt(comment)}>
423+
<span className={`codicon codicon-copy`} />
424+
</VSCodeButton>
425+
<VSCodeButton
426+
appearance="primary"
427+
onClick={() => handleApplyFix(index)}>
428+
<span className={`codicon codicon-check mr-1`} />
429+
Apply
430+
</VSCodeButton>
431+
</div>
432+
) : (
433+
<VSCodeButton
434+
appearance="primary"
435+
onClick={() =>
436+
hasKilocodeToken
437+
? handleApplyFix(index)
438+
: handleCopyPrompt(comment)
439+
}>
440+
<span
441+
className={`codicon ${hasKilocodeToken ? "codicon-check" : "codicon-copy"} mr-1`}
442+
/>
443+
{hasKilocodeToken ? "Apply" : "Copy"}
444+
</VSCodeButton>
445+
)}
446+
</div>
447+
<div className="text-sm text-vscode-foreground mb-1.5">
448+
<MarkdownBlock markdown={comment.body} />
412449
</div>
413-
<div className="text-sm text-vscode-foreground mb-1.5">{comment.body}</div>
414450
{comment.suggestion && (
415451
<div
416452
className="text-xs p-2 rounded-r border-l-2"

‎webview-ui/src/components/kilocode/BottomControls.tsx‎

Lines changed: 41 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import React from "react"
22
import { BottomApiConfig } from "./BottomApiConfig" // kilocode_change
3+
import { vscode } from "@/utils/vscode"
4+
import { StandardTooltip } from "@/components/ui"
35

46
interface BottomControlsProps {
57
showApiConfig?: boolean
@@ -12,21 +14,49 @@ const BottomControls: React.FC<BottomControlsProps> = ({ showApiConfig = false }
1214
// vscode.postMessage({ type: "showFeedbackOptions" })
1315
// }
1416

17+
const openExternalLink = (url: string) => {
18+
vscode.postMessage({ type: "openExternal", url })
19+
}
20+
1521
return (
16-
<div className="flex flex-row w-auto items-center justify-between h-[30px] mx-3.5 mt-2.5 mb-1 gap-1">
22+
<div className="flex flex-row w-auto items-center justify-between h-[30px] mx-3.5 mb-1 gap-1">
1723
<div className="flex flex-item flex-row justify-start gap-1 grow overflow-hidden">
1824
{showApiConfig && <BottomApiConfig />}
1925
</div>
20-
{/* <div className="flex flex-row justify-end w-auto">
21-
<div className="flex items-center gap-1">
22-
<KiloRulesToggleModal />
23-
<BottomButton
24-
iconClass="codicon-feedback"
25-
title={t("common:feedback.title")}
26-
onClick={showFeedbackOptions}
27-
/>
28-
</div>
29-
</div> */}
26+
<div className="flex flex-row justify-end w-auto items-center gap-0.5">
27+
<StandardTooltip content="Join Discord Community">
28+
<button
29+
className="flex items-center justify-center p-1 rounded hover:bg-[var(--vscode-toolbar-hoverBackground)] transition-all duration-200 hover:scale-110"
30+
onClick={() => openExternalLink("https://discord.gg/fJU5DvanU3")}
31+
aria-label="Join Discord Community">
32+
<svg
33+
xmlns="http://www.w3.org/2000/svg"
34+
viewBox="0 0 24 24"
35+
width="18"
36+
height="18"
37+
fill="var(--vscode-foreground)"
38+
className="opacity-60 hover:opacity-100 transition-opacity duration-200">
39+
<path d="M3.416,20.403 C2.538,19.525 1.968,18.487 1.707,17.948 C1.698,17.93 1.69,17.91 1.683,17.892 C0.954,16.014 0.941,11.366 3.304,4.448 C3.354,4.301 3.449,4.173 3.576,4.082 C5.4,2.77 7.228,2.422 8.775,2.254 C9.114,2.217 9.435,2.414 9.557,2.733 L10.551,5.341 C11.532,5.218 12.467,5.218 13.448,5.342 L14.441,2.733 C14.562,2.414 14.883,2.217 15.223,2.254 C16.77,2.421 18.598,2.77 20.422,4.082 C20.549,4.173 20.644,4.3 20.694,4.448 C23.057,11.366 23.045,16.014 22.315,17.892 C22.308,17.912 22.3,17.93 22.291,17.948 C21.401,19.787 19.756,21.75 17.807,21.75 C17.14,21.75 16.293,20.919 15.699,20.221 C15.359,19.82 14.859,19.164 14.586,18.49 C13.713,18.666 12.856,18.754 12,18.754 L11.998,18.754 C11.142,18.754 10.286,18.666 9.413,18.49 C9.14,19.164 8.639,19.82 8.299,20.221 C7.705,20.919 6.858,21.75 6.191,21.75 C5.243,21.75 4.31,21.298 3.416,20.403 Z M17.264,17.702 C16.855,17.858 16.452,17.997 16.054,18.118 C16.445,18.881 17.447,20.006 17.898,20.247 C19.035,20.173 20.253,18.701 20.928,17.322 C21.842,14.905 20.767,9.385 19.353,5.165 C18.086,4.308 16.828,3.984 15.634,3.816 L14.948,5.617 C15.661,5.784 16.416,6.009 17.241,6.292 C17.633,6.426 17.842,6.852 17.708,7.244 C17.601,7.556 17.311,7.752 16.999,7.752 C16.918,7.752 16.837,7.739 16.756,7.711 C13.021,6.434 10.976,6.434 7.241,7.711 C6.849,7.845 6.423,7.636 6.289,7.244 C6.155,6.852 6.364,6.426 6.756,6.292 C7.582,6.009 8.337,5.784 9.05,5.616 L8.364,3.816 C7.17,3.984 5.912,4.308 4.645,5.165 C3.232,9.385 2.156,14.905 3.07,17.322 C3.744,18.701 4.962,20.171 6.1,20.247 C6.552,20.006 7.553,18.881 7.945,18.118 C7.547,17.997 7.143,17.858 6.734,17.702 C6.346,17.556 6.152,17.122 6.299,16.736 C6.446,16.348 6.879,16.154 7.266,16.301 C10.583,17.562 13.415,17.562 16.733,16.301 C17.119,16.154 17.552,16.347 17.699,16.736 C17.847,17.122 17.653,17.556 17.264,17.702 Z M7.5,13 C6.948,13 6.5,12.552 6.5,12 C6.5,11.448 6.948,11 7.5,11 C8.052,11 8.505,11.448 8.505,12 C8.505,12.552 8.062,13 7.51,13 Z M16.49,13 C15.938,13 15.49,12.552 15.49,12 C15.49,11.448 15.938,11 16.49,11 C17.042,11 17.494,11.448 17.494,12 C17.494,12.552 17.052,13 16.5,13 Z" />
40+
</svg>
41+
</button>
42+
</StandardTooltip>
43+
<StandardTooltip content="Join Reddit community">
44+
<button
45+
className="flex items-center justify-center p-1 rounded hover:bg-[var(--vscode-toolbar-hoverBackground)] transition-all duration-200 hover:scale-110"
46+
onClick={() => openExternalLink("https://www.reddit.com/r/matter_ai/")}
47+
aria-label="Join reddit community">
48+
<svg
49+
xmlns="http://www.w3.org/2000/svg"
50+
viewBox="0 0 24 24"
51+
width="18"
52+
height="18"
53+
fill="var(--vscode-foreground)"
54+
className="opacity-60 hover:opacity-100 transition-opacity duration-200">
55+
<path d="M12.751,8.271 C14.486,8.369 16.104,8.802 17.478,9.494 C17.999,8.742 18.872,8.25 19.86,8.25 C21.449,8.25 22.75,9.528 22.75,11.12 C22.75,12.148 22.207,13.045 21.397,13.551 C21.626,14.166 21.75,14.819 21.75,15.5 C21.75,17.596 20.572,19.427 18.803,20.704 C17.033,21.983 14.625,22.75 12,22.75 C9.375,22.75 6.967,21.983 5.197,20.704 C3.428,19.427 2.25,17.596 2.25,15.5 C2.25,14.819 2.374,14.166 2.603,13.551 C1.793,13.045 1.25,12.148 1.25,11.12 C1.25,9.528 2.551,8.25 4.14,8.25 C5.128,8.25 6.001,8.742 6.522,9.494 C7.897,8.802 9.515,8.368 11.251,8.271 C11.254,7.439 11.27,6.737 11.348,6.157 C11.451,5.393 11.673,4.731 12.202,4.202 C12.731,3.673 13.393,3.451 14.157,3.348 C14.756,3.268 15.486,3.253 16.353,3.251 C16.68,2.096 17.741,1.25 19,1.25 C20.519,1.25 21.75,2.481 21.75,4 C21.75,5.519 20.519,6.75 19,6.75 C17.742,6.75 16.68,5.905 16.354,4.751 C15.493,4.754 14.858,4.767 14.357,4.835 C13.759,4.915 13.466,5.059 13.263,5.263 C13.059,5.466 12.915,5.759 12.835,6.357 C12.77,6.842 12.755,7.453 12.751,8.271 Z M3.75,15.5 C3.75,16.993 4.587,18.413 6.075,19.488 C7.563,20.562 9.655,21.25 12,21.25 C14.345,21.25 16.438,20.562 17.925,19.488 C19.413,18.413 20.25,16.993 20.25,15.5 C20.25,14.007 19.413,12.587 17.925,11.512 C16.438,10.438 14.345,9.75 12,9.75 L11.998,9.75 C9.654,9.75 7.562,10.438 6.075,11.512 C4.587,12.587 3.75,14.007 3.75,15.5 Z M8.961,16.189 C9.823,16.861 10.872,17.25 12,17.25 C13.128,17.25 14.177,16.861 15.039,16.189 C15.366,15.934 15.837,15.993 16.091,16.319 C16.346,16.646 16.288,17.117 15.961,17.372 C14.853,18.236 13.484,18.75 12,18.75 C10.516,18.75 9.147,18.236 8.039,17.372 C7.712,17.117 7.654,16.646 7.908,16.319 C8.163,15.993 8.634,15.934 8.961,16.189 Z M17.75,4.001 C17.751,4.691 18.31,5.25 19,5.25 C19.69,5.25 20.25,4.69 20.25,4 C20.25,3.31 19.69,2.75 19,2.75 C18.31,2.75 17.75,3.31 17.75,4 Z M5.197,10.296 L5.232,10.271 C4.977,9.954 4.584,9.75 4.14,9.75 C3.366,9.75 2.75,10.37 2.75,11.12 C2.75,11.563 2.964,11.96 3.3,12.212 C3.794,11.487 4.442,10.841 5.197,10.296 Z M18.768,10.271 L18.803,10.296 C19.558,10.841 20.206,11.487 20.7,12.212 C21.037,11.96 21.25,11.563 21.25,11.12 C21.25,10.37 20.634,9.75 19.86,9.75 C19.416,9.75 19.023,9.954 18.768,10.271 Z M15.008,14 L14.999,14 C14.447,14 13.999,13.552 13.999,13 C13.999,12.448 14.447,12 14.999,12 L15.008,12 C15.56,12 16.008,12.448 16.008,13 C16.008,13.552 15.56,14 15.008,14 Z M10.008,13 C10.008,13.552 9.56,14 9.008,14 L8.999,14 C8.447,14 7.999,13.552 7.999,13 C7.999,12.448 8.447,12 8.999,12 L9.008,12 C9.56,12 10.008,12.448 10.008,13 Z" />
56+
</svg>
57+
</button>
58+
</StandardTooltip>
59+
</div>
3060
</div>
3161
)
3262
}

0 commit comments

Comments
 (0)