|
12 | 12 | import CodegenPromptConfigModal from '$components/codegen/CodegenPromptConfigModal.svelte'; |
13 | 13 | import CodegenServiceMessageThinking from '$components/codegen/CodegenServiceMessageThinking.svelte'; |
14 | 14 | import CodegenServiceMessageUseTool from '$components/codegen/CodegenServiceMessageUseTool.svelte'; |
15 | | - import CodegenTemplatesCarousel from '$components/codegen/CodegenTemplatesCarousel.svelte'; |
16 | 15 | import CodegenTodoAccordion from '$components/codegen/CodegenTodoAccordion.svelte'; |
17 | 16 | import noClaudeCodeSvg from '$lib/assets/empty-state/claude-disconected.svg?raw'; |
18 | 17 | import laneNewSvg from '$lib/assets/empty-state/lane-new.svg?raw'; |
|
28 | 27 | getTodos, |
29 | 28 | type Message |
30 | 29 | } from '$lib/codegen/messages'; |
31 | | - import { parseTemplates, templatesToDisplayFormat } from '$lib/codegen/templateParser'; |
| 30 | + import { parseTemplates } from '$lib/codegen/templateParser'; |
32 | 31 |
|
33 | 32 | import { SETTINGS_SERVICE } from '$lib/config/appSettingsV2'; |
34 | 33 | import { vscodePath } from '$lib/project/project'; |
|
134 | 133 | promptTemplates.response ? parseTemplates(promptTemplates.response) : [] |
135 | 134 | ); |
136 | 135 |
|
137 | | - // Get templates in display format for UI components |
138 | | - const templatesForDisplay = $derived(templatesToDisplayFormat(parsedTemplates)); |
139 | | -
|
140 | 136 | async function openPromptConfigDir(path: string) { |
141 | 137 | await claudeCodeService.createPromptDir({ projectId, path }); |
142 | 138 |
|
|
537 | 533 | </div> |
538 | 534 | {:else if !isStackActive && formattedMessages.length === 0} |
539 | 535 | <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 |
574 | 544 | {/snippet} |
575 | | - </ReduxResult> |
| 545 | + {#snippet caption()} |
| 546 | + Your branch is ready for AI. |
| 547 | + <br /> |
| 548 | + What should we code? |
| 549 | + {/snippet} |
| 550 | + </EmptyStatePlaceholder> |
576 | 551 | </div> |
577 | 552 | {:else} |
578 | 553 | <VirtualList |
|
822 | 797 | display: flex; |
823 | 798 | flex: 1; |
824 | 799 | flex-direction: column; |
825 | | - } |
826 | | -
|
827 | | - .chat-view__placeholder-content { |
828 | | - display: flex; |
829 | | - flex: 1; |
830 | | - flex-direction: column; |
831 | 800 | align-items: center; |
832 | 801 | justify-content: center; |
833 | 802 | padding: 28px; |
834 | | - text-align: center; |
835 | 803 | } |
836 | 804 |
|
837 | 805 | .context-utilization-scale { |
|
0 commit comments