Skip to content

Commit f073e0d

Browse files
authored
refactor: templates carousel and cleanup UI (#11098)
Drop the CodegenTemplatesCarousel component and its usage, simplify empty-state markup and remove unused template display derivations and to streamline the codegen UI.
1 parent b72f5be commit f073e0d

File tree

2 files changed

+15
-157
lines changed

2 files changed

+15
-157
lines changed

apps/desktop/src/components/codegen/CodegenMessages.svelte

Lines changed: 15 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
import CodegenPromptConfigModal from '$components/codegen/CodegenPromptConfigModal.svelte';
1313
import CodegenServiceMessageThinking from '$components/codegen/CodegenServiceMessageThinking.svelte';
1414
import CodegenServiceMessageUseTool from '$components/codegen/CodegenServiceMessageUseTool.svelte';
15-
import CodegenTemplatesCarousel from '$components/codegen/CodegenTemplatesCarousel.svelte';
1615
import CodegenTodoAccordion from '$components/codegen/CodegenTodoAccordion.svelte';
1716
import noClaudeCodeSvg from '$lib/assets/empty-state/claude-disconected.svg?raw';
1817
import laneNewSvg from '$lib/assets/empty-state/lane-new.svg?raw';
@@ -28,7 +27,7 @@
2827
getTodos,
2928
type Message
3029
} from '$lib/codegen/messages';
31-
import { parseTemplates, templatesToDisplayFormat } from '$lib/codegen/templateParser';
30+
import { parseTemplates } from '$lib/codegen/templateParser';
3231
3332
import { SETTINGS_SERVICE } from '$lib/config/appSettingsV2';
3433
import { vscodePath } from '$lib/project/project';
@@ -134,9 +133,6 @@
134133
promptTemplates.response ? parseTemplates(promptTemplates.response) : []
135134
);
136135
137-
// Get templates in display format for UI components
138-
const templatesForDisplay = $derived(templatesToDisplayFormat(parsedTemplates));
139-
140136
async function openPromptConfigDir(path: string) {
141137
await claudeCodeService.createPromptDir({ projectId, path });
142138
@@ -537,42 +533,21 @@
537533
</div>
538534
{:else if !isStackActive && formattedMessages.length === 0}
539535
<div class="chat-view__placeholder">
540-
<div class="chat-view__placeholder-content">
541-
<EmptyStatePlaceholder
542-
image={laneNewSvg}
543-
width={320}
544-
topBottomPadding={0}
545-
bottomMargin={0}
546-
>
547-
{#snippet title()}
548-
Let's build something amazing
549-
{/snippet}
550-
{#snippet caption()}
551-
Your branch is ready for AI.
552-
<br />
553-
What should we code?
554-
{/snippet}
555-
</EmptyStatePlaceholder>
556-
</div>
557-
558-
<ReduxResult result={promptTemplates.result} {projectId}>
559-
{#snippet children(_templates)}
560-
<CodegenTemplatesCarousel
561-
templates={templatesForDisplay}
562-
onInsertTemplate={(template) => {
563-
const fullTemplate = parsedTemplates.find(
564-
(t) => t.fileName === template.fileName
565-
);
566-
if (fullTemplate) {
567-
insertTemplate(fullTemplate.parsed.content);
568-
}
569-
}}
570-
onEdit={() => {
571-
promptConfigModal?.show();
572-
}}
573-
/>
536+
<EmptyStatePlaceholder
537+
image={laneNewSvg}
538+
width={320}
539+
topBottomPadding={0}
540+
bottomMargin={0}
541+
>
542+
{#snippet title()}
543+
Let's build something amazing
574544
{/snippet}
575-
</ReduxResult>
545+
{#snippet caption()}
546+
Your branch is ready for AI.
547+
<br />
548+
What should we code?
549+
{/snippet}
550+
</EmptyStatePlaceholder>
576551
</div>
577552
{:else}
578553
<VirtualList
@@ -822,16 +797,9 @@
822797
display: flex;
823798
flex: 1;
824799
flex-direction: column;
825-
}
826-
827-
.chat-view__placeholder-content {
828-
display: flex;
829-
flex: 1;
830-
flex-direction: column;
831800
align-items: center;
832801
justify-content: center;
833802
padding: 28px;
834-
text-align: center;
835803
}
836804
837805
.context-utilization-scale {

apps/desktop/src/components/codegen/CodegenTemplatesCarousel.svelte

Lines changed: 0 additions & 110 deletions
This file was deleted.

0 commit comments

Comments
 (0)