@opentiny/tiny-robot-cli 0.5.2-alpha.15 → 0.5.2-alpha.17

package/templates/chat/src/TinyRobotChat.vue

@@ -1,96 +1,35 @@
 <script setup lang="ts">
-import type { HistoryMenuItem, PromptProps, TemplateItem } from '@opentiny/tiny-robot'
-import { TrSender, TrThemeProvider as TrTheme } from '@opentiny/tiny-robot'
-import { TrChat, useChatHistoryItems, useLocalChatRuntime, type ChatHistoryItem } from '@opentiny/tiny-robot-chat'
-import { IconAi } from '@opentiny/tiny-robot-svgs'
-import { computed, reactive, ref } from 'vue'
-import ComposerTools from './components/ComposerTools.vue'
-import WindowHeader from './components/WindowHeader.vue'
-import { composerMenus, createChatUi, templateCategories } from './config/chat-ui'
-import { mcpExamples, mcpServers, modelProviders } from './config/chat-runtime'
-import { useWindow } from './composables/useWindow'
+import type { ChatMcpServerConfig, ChatModelOption } from '@opentiny/tiny-robot/experimental'
+import { TrThemeProvider } from '@opentiny/tiny-robot'
+import { TrChat } from '@opentiny/tiny-robot/experimental'
+import { ref } from 'vue'
 
-const runtime = useLocalChatRuntime({ modelProviders, mcpServers })
-const window = reactive(useWindow())
-const chatRef = ref<{ send: (payload: { text: string }) => Promise<boolean> } | null>(null)
-const currentTemplate = ref<TemplateItem[]>([])
-const showHistory = ref(false)
-const historyData = useChatHistoryItems({ conversations: () => runtime.conversations.value, defaultTitle: '' })
-const activeConversationId = computed(() => runtime.activeConversation.value?.id)
-const templateExtensions = [TrSender.template(currentTemplate as never, { appendTo: '.chat-add-window' })]
-const chatUi = computed(() => createChatUi({ floatingOptions: window.floatingOptions, templateExtensions }))
+const show = ref(false)
+const fullscreen = ref(false)
 
-function handlePromptClick({ item }: { item: PromptProps }): void {
-  if (item.description) void chatRef.value?.send({ text: item.description })
-}
+const chatModelOptions: ChatModelOption[] = [
+  {
+    id: 'deepseek-chat',
+    provider: 'deepseek',
+    name: 'DeepSeek V4 Flash',
+    model: 'deepseek-v4-flash',
+    apiUrl: 'https://api.deepseek.com/chat/completions',
+    apiKey: import.meta.env.VITE_DEEPSEEK_API_KEY || '',
+  },
+]
 
-function handleNewSession(): void {
-  void runtime.actions.createConversation()
-  showHistory.value = false
-}
-
-function handleHistorySelect(item: ChatHistoryItem): void {
-  void runtime.actions.switchConversation(item.raw.id)
-  showHistory.value = false
-}
-
-function handleHistoryRename(title: string, item: ChatHistoryItem): void {
-  void runtime.actions.renameConversation(item.raw.id, title)
-}
-
-function handleHistoryAction(action: HistoryMenuItem, item: ChatHistoryItem): void {
-  if (action.id === 'delete') void runtime.actions.deleteConversation(item.raw.id)
-}
+const chatMcpServers: Record<string, ChatMcpServerConfig> = {}
 </script>
 
 <template>
-  <TrTheme>
-    <main class="chat-add-app">
-      <button
-        v-if="!window.show"
-        class="chat-add-launcher"
-        type="button"
-        title="打开 TinyRobot"
-        aria-label="打开 TinyRobot"
-        @click="window.open"
-      >
-        <IconAi style="font-size: 32px" />
-      </button>
-      <TrChat
-        v-if="window.show"
-        ref="chatRef"
-        :class="['chat-add-window', `chat-add-window--${window.displayMode}`]"
-        :style="window.layoutStyle"
-        :runtime="runtime"
-        :ui="chatUi"
-        v-model:floating-state="window.floatingState"
-        @prompt-click="handlePromptClick"
-      >
-        <template #layout-header>
-          <WindowHeader
-            :display-mode="window.displayMode"
-            :show-history="showHistory"
-            :history-data="historyData"
-            :active-conversation-id="activeConversationId"
-            @new-session="handleNewSession"
-            @select-history="handleHistorySelect"
-            @rename-history="handleHistoryRename"
-            @history-action="handleHistoryAction"
-            @update:show-history="showHistory = $event"
-            @change-mode="window.setDisplayMode"
-            @close="window.close"
-          />
-        </template>
-        <template #composer-before="{ submit }">
-          <ComposerTools
-            v-model:current-template="currentTemplate"
-            :template-categories="templateCategories"
-            :mcp-examples="mcpExamples"
-            :menus="composerMenus"
-            :submit="submit"
-          />
-        </template>
-      </TrChat>
-    </main>
-  </TrTheme>
+  <TrThemeProvider>
+    <TrChat
+      v-model:show="show"
+      v-model:fullscreen="fullscreen"
+      title="TrChat Preview"
+      system-prompt="You are a helpful assistant."
+      :model-options="chatModelOptions"
+      :mcp-servers="chatMcpServers"
+    />
+  </TrThemeProvider>
 </template>

package/templates/basic/public/favicon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>

package/templates/basic/public/icons.svg

@@ -1,24 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-  <symbol id="bluesky-icon" viewBox="0 0 16 17">
-    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
-    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
-  </symbol>
-  <symbol id="discord-icon" viewBox="0 0 20 19">
-    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
-  </symbol>
-  <symbol id="documentation-icon" viewBox="0 0 21 20">
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
-  </symbol>
-  <symbol id="github-icon" viewBox="0 0 19 19">
-    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
-  </symbol>
-  <symbol id="social-icon" viewBox="0 0 20 20">
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
-    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
-  </symbol>
-  <symbol id="x-icon" viewBox="0 0 19 19">
-    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
-  </symbol>
-</svg>

package/templates/chat/README.md

@@ -1,46 +0,0 @@
-# TinyRobot Chat Add
-
-这是一个独立的 Chat 扩展模板，提供通用工作助手场景的最小工程结构。
-
-## 启动
-
-```powershell
-pnpm dev
-```
-
-## 构建
-
-```powershell
-pnpm type-check
-pnpm build
-```
-
-## 接入真实模型
-
-复制项目根目录的 `.env.example` 为 `.env.local`，配置 `VITE_QWEN_API_URL`、`VITE_ALIYUN_DASHSCOPE_KEY`、`VITE_DEEPSEEK_API_URL` 和 `VITE_DEEPSEEK_API_KEY`，重启 Vite 后即可使用模型选择器中的真实模型。模板只提供 `.env.example`，不会自动创建 `.env`。配置读取逻辑位于 `src/config/chat-runtime.ts`；使用 `add chat` 注入后，对应文件位于 `src/tiny-robot-chat/config/chat-runtime.ts`。
-
-## 模型配置
-
-模型配置中的 `icon` 用于模型选择器触发器；在窄容器中，带图标的模型会只显示图标。Qwen 模型支持深度思考和联网搜索，DeepSeek 模型支持深度思考。
-
-DeepSeek 模型默认继承 `low`、`high`、`max` 三档思考强度，默认值为 `high`。开启 `深度思考` 后，模型选择器才会显示思考等级。业务侧可以在模型对象中通过 `efforts` 和 `defaultEffort` 覆盖选项；只有必须始终思考的模型才配置 `thinkingRequired: true`。
-
-## MCP 代理
-
-独立模板的 `vite.config.ts` 已配置 `/modelcontextprotocol-mcp` 代理。使用 `add chat` 时，CLI 不会复制或修改业务项目的 `vite.config.*`，需要手动把该代理配置添加到业务项目的 `server.proxy` 下，并重启 Vite。
-
-## 目录职责
-
-- `src/config/chat-ui.ts`: Chat UI、提示词、模板和菜单配置。
-- `src/config/chat-runtime.ts`: MCP 示例和模型配置。
-- `src/components`: 窗口头部和输入区工具。
-- `src/composables/useWindow.ts`: floating、fullscreen 窗口状态。
-- `src/index.css`: 模板公共样式和 Surface 样式变量。
-
-## 替换数据
-
-直接修改 `src/config/chat-ui.ts` 和 `src/config/chat-runtime.ts` 中导出的数据；组件通过 props 使用这些配置。
-
-## 切换窗口模式
-
-默认显示 AI 头像按钮，点击后展开 Chat。窗口头部提供 floating、fullscreen 两种模式。floating 支持拖拽、缩放和位置恢复；fullscreen 铺满对应区域，可使用 Escape 返回悬浮窗口。点击关闭后返回 AI 头像按钮。

package/templates/chat/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Chat Add Template</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/templates/chat/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "__PROJECT_NAME__",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview",
-    "type-check": "vue-tsc -b"
-  },
-  "dependencies": {
-    "@opentiny/tiny-robot": "0.5.2-alpha.15",
-    "@opentiny/tiny-robot-chat": "0.5.2-alpha.15",
-    "@opentiny/tiny-robot-kit": "0.5.2-alpha.15",
-    "@opentiny/tiny-robot-svgs": "0.5.2-alpha.15",
-    "@vueuse/core": "13.1.0",
-    "vue": "^3.5.40"
-  },
-  "devDependencies": {
-    "@types/node": "^24.13.3",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "@vue/tsconfig": "^0.9.1",
-    "typescript": "~6.0.2",
-    "vite": "^8.2.0",
-    "vue-tsc": "^3.3.8"
-  }
-}

package/templates/chat/src/components/ComposerTools.vue

@@ -1,99 +0,0 @@
-<script setup lang="ts">
-import type { SuggestionData, SuggestionItem, TemplateItem } from '@opentiny/tiny-robot'
-import { TrDropdownMenu, TrSuggestionPillButton, TrSuggestionPills, TrSuggestionPopover } from '@opentiny/tiny-robot'
-import type { ChatSenderSlotProps } from '@opentiny/tiny-robot-chat'
-import { IconSparkles } from '@opentiny/tiny-robot-svgs'
-import type { ChatMenuItem, TemplateCategory, TemplateSuggestionItem } from '../config/chat-ui'
-import type { McpExample } from '../config/chat-runtime'
-import { computed } from 'vue'
-
-const props = defineProps<{
-  templateCategories: readonly TemplateCategory[]
-  mcpExamples: readonly McpExample[]
-  menus: readonly ChatMenuItem[]
-  submit: ChatSenderSlotProps['submit']
-}>()
-
-const currentTemplate = defineModel<TemplateItem[]>('currentTemplate', { required: true })
-const suggestionData: SuggestionData = props.mcpExamples.map((item) => ({ id: item.id, text: item.request }))
-const mcpMenuItems = props.mcpExamples.map((item) => ({ id: item.id, text: item.request }))
-const mcpMenu = computed(() => props.menus.find((menu) => menu.action === 'mcp'))
-const templateMenus = computed(() =>
-  props.templateCategories.map((category) => ({
-    ...category,
-    items: category.items.map((item) => ({ id: item.id, text: item.text, template: item })),
-  })),
-)
-const overlayTarget = '.chat-add-window'
-
-function fillTemplate(template: TemplateSuggestionItem): void {
-  currentTemplate.value = template.template.map((item) => ({ ...item }))
-}
-
-function submitSuggestion(item: SuggestionItem): void {
-  props.submit({ text: item.text })
-}
-</script>
-
-<template>
-  <div class="chat-add-tools">
-    <TrSuggestionPopover :append-to="overlayTarget" :data="suggestionData" @item-click="submitSuggestion">
-      <template #trigger>
-        <TrSuggestionPillButton title="常用查询"
-          ><IconSparkles style="font-size: 16px; color: #1476ff"
-        /></TrSuggestionPillButton>
-      </template>
-    </TrSuggestionPopover>
-    <TrSuggestionPills class="chat-add-tools__pills">
-      <TrDropdownMenu
-        v-if="mcpMenu"
-        :append-to="overlayTarget"
-        :items="mcpMenuItems"
-        trigger="click"
-        @item-click="(item) => submitSuggestion(item as SuggestionItem)"
-      >
-        <template #trigger
-          ><TrSuggestionPillButton>{{ mcpMenu.title }}</TrSuggestionPillButton></template
-        >
-      </TrDropdownMenu>
-      <TrDropdownMenu
-        v-for="category in templateMenus"
-        :key="category.id"
-        :append-to="overlayTarget"
-        :items="category.items as never"
-        trigger="click"
-        @item-click="(item) => fillTemplate((item as unknown as { template: TemplateSuggestionItem }).template)"
-      >
-        <template #trigger
-          ><TrSuggestionPillButton>{{ category.title }}</TrSuggestionPillButton></template
-        >
-      </TrDropdownMenu>
-    </TrSuggestionPills>
-  </div>
-</template>
-
-<style scoped>
-.chat-add-tools {
-  display: flex;
-  box-sizing: border-box;
-  width: 100%;
-  min-width: 0;
-  flex-shrink: 0;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-}
-.chat-add-tools__pills {
-  min-width: 0;
-  flex: 1;
-}
-.chat-add-tools__pills :deep(.tr-suggestion-pills__container) {
-  min-width: 0;
-  mask: linear-gradient(to right, rgb(0 0 0 / 100%) 80%, rgb(0 0 0 / 0%) 100%);
-}
-@container (max-width: 519px) {
-  .chat-add-tools {
-    padding: 8px;
-  }
-}
-</style>

package/templates/chat/src/components/WindowHeader.vue

@@ -1,192 +0,0 @@
-<script setup lang="ts">
-import type { HistoryMenuItem } from '@opentiny/tiny-robot'
-import { TrHistory, TrIconButton } from '@opentiny/tiny-robot'
-import { IconClose, IconEnterFullScreen, IconHistory, IconNewSession } from '@opentiny/tiny-robot-svgs'
-import { h } from 'vue'
-import type { ChatHistoryItem } from '@opentiny/tiny-robot-chat'
-import type { DisplayMode } from '../composables/useWindow'
-
-const props = defineProps<{
-  displayMode: DisplayMode
-  showHistory: boolean
-  historyData: readonly ChatHistoryItem[]
-  activeConversationId?: string
-}>()
-
-const emit = defineEmits<{
-  newSession: []
-  selectHistory: [item: ChatHistoryItem]
-  renameHistory: [title: string, item: ChatHistoryItem]
-  historyAction: [action: HistoryMenuItem, item: ChatHistoryItem]
-  'update:showHistory': [value: boolean]
-  changeMode: [mode: DisplayMode]
-  close: []
-}>()
-
-const IconFloatWindow = h(
-  'svg',
-  {
-    xmlns: 'http://www.w3.org/2000/svg',
-    width: 16,
-    height: 16,
-    fill: 'none',
-    viewBox: '0 0 16 16',
-    'aria-hidden': 'true',
-  },
-  [
-    h('path', {
-      fill: 'currentColor',
-      'fill-rule': 'evenodd',
-      d: 'M6.19 14.5H4q-.285 0-.54-.06c-.15-.04-.3-.08-.44-.14s-.27-.13-.4-.22c-.14-.09-.27-.2-.39-.32s-.23-.25-.32-.39c-.09-.13-.16-.26-.22-.4s-.1-.29-.14-.44c-.04-.17-.05-.35-.05-.53V4c0-.19.01-.37.05-.54.04-.15.08-.3.14-.44s.13-.27.22-.4c.09-.14.2-.27.32-.39s.25-.23.39-.32c.13-.09.26-.16.4-.22s.29-.1.44-.14c.17-.04.35-.05.54-.05h8c.18 0 .36.01.53.05.15.04.3.08.44.14s.27.13.4.22c.14.09.27.2.39.32s.23.25.32.39c.09.13.16.26.22.4s.1.29.14.44q.06.255.06.54v2.15c0 .28-.22.5-.5.5s-.5-.22-.5-.5V4c0-.12-.02-.23-.04-.35-.02-.08-.05-.16-.08-.24a2 2 0 0 0-.13-.23 1.5 1.5 0 0 0-.19-.25 1.5 1.5 0 0 0-.25-.19c-.07-.05-.15-.09-.23-.13a2 2 0 0 0-.24-.08c-.12-.02-.23-.03-.34-.03H4c-.12 0-.23.01-.35.03-.08.02-.16.05-.24.08-.08.04-.16.08-.23.13a1.5 1.5 0 0 0-.25.19 1.5 1.5 0 0 0-.19.25c-.05.07-.09.15-.13.23-.03.08-.06.16-.08.24-.02.12-.03.23-.03.35v8c0 .11.01.22.03.34.02.08.05.16.08.24.04.08.08.16.13.23.05.09.12.17.19.25.08.07.16.14.25.19.07.05.15.09.23.13.08.03.16.06.24.08.12.02.23.04.35.04h2.19c.28 0 .5.22.5.5s-.22.5-.5.5m7.12-6.97c-.1-.02-.21-.03-.31-.03H9c-.11 0-.22.01-.32.03-.09.02-.18.05-.27.08-.09.04-.17.08-.24.13-.09.06-.16.12-.24.19-.07.08-.13.15-.19.24-.05.07-.09.15-.13.24-.03.09-.06.18-.08.27-.02.1-.03.21-.03.32v4c0 .1.01.21.03.31.02.09.05.18.08.27.04.09.08.17.13.24.06.09.12.16.19.24.08.07.15.13.24.19.07.05.15.09.24.13.09.03.18.06.27.08.1.02.21.04.32.04h4c.1 0 .21-.02.31-.04.09-.02.18-.05.27-.08.09-.04.17-.08.24-.13.09-.06.16-.12.24-.19.07-.08.13-.15.19-.24.05-.07.09-.15.13-.24.03-.09.06-.18.08-.27.02-.1.04-.21.04-.31V9c0-.11-.02-.22-.04-.32-.02-.09-.05-.18-.08-.27-.04-.09-.08-.17-.13-.24-.06-.09-.12-.16-.19-.24-.08-.07-.15-.13-.24-.19-.07-.05-.15-.09-.24-.13-.09-.03-.18-.06-.27-.08M9 8.5h4c.06 0 .13.01.19.03.06.03.11.06.16.11s.08.1.11.16c.02.06.04.13.04.2v4c0 .06-.02.13-.04.19-.03.06-.06.11-.11.16s-.1.08-.16.11c-.06.02-.13.04-.19.04H9c-.07 0-.14-.02-.2-.04a.6.6 0 0 1-.16-.11.6.6 0 0 1-.11-.16.6.6 0 0 1-.03-.19V9c0-.07.01-.14.03-.2.03-.06.06-.11.11-.16s.1-.08.16-.11c.06-.02.13-.03.2-.03',
-    }),
-  ],
-)
-</script>
-
-<template>
-  <div class="chat-add-header">
-    <h1 class="chat-add-header__title">OpenTiny NEXT</h1>
-    <div class="chat-add-header__actions">
-      <TrIconButton :icon="IconNewSession" size="28" svg-size="20" title="新会话" @click="emit('newSession')" />
-      <span class="chat-add-header__history-trigger">
-        <TrIconButton
-          :icon="IconHistory"
-          size="28"
-          svg-size="20"
-          title="历史会话"
-          @click="emit('update:showHistory', !props.showHistory)"
-        />
-        <div v-if="props.showHistory" class="chat-add-header__history-panel">
-          <div class="chat-add-header__history-head">
-            <h2>历史对话</h2>
-            <TrIconButton
-              :icon="IconClose"
-              size="28"
-              svg-size="20"
-              title="关闭历史对话"
-              @click="emit('update:showHistory', false)"
-            />
-          </div>
-          <!-- @vue-generic {ChatHistoryItem} -->
-          <TrHistory
-            class="chat-add-header__history"
-            :selected="props.activeConversationId"
-            :search-bar="true"
-            :data="props.historyData as ChatHistoryItem[]"
-            @item-title-change="(title, item) => emit('renameHistory', title, item)"
-            @item-click="(item) => emit('selectHistory', item)"
-            @item-action="(action, item) => emit('historyAction', action, item)"
-          />
-        </div>
-      </span>
-      <TrIconButton
-        v-if="props.displayMode === 'fullscreen'"
-        :icon="IconFloatWindow"
-        size="28"
-        svg-size="20"
-        title="切换为悬浮窗口"
-        aria-label="切换为悬浮窗口"
-        @click="emit('changeMode', 'floating')"
-      />
-      <TrIconButton
-        v-if="props.displayMode !== 'fullscreen'"
-        :icon="IconEnterFullScreen"
-        size="28"
-        svg-size="20"
-        title="切换为全屏模式"
-        aria-label="切换为全屏模式"
-        @click="emit('changeMode', 'fullscreen')"
-      />
-      <TrIconButton :icon="IconClose" size="28" svg-size="20" title="关闭" @click="emit('close')" />
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.chat-add-header {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-  min-width: 0;
-  height: 56px;
-  padding: 0 16px;
-  background: var(--tr-layout-bg-default);
-}
-.chat-add-header__title {
-  overflow: hidden;
-  margin: 0;
-  color: var(--tr-text-primary);
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 24px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.chat-add-header__actions {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  gap: 4px;
-}
-.chat-add-header__history-trigger {
-  position: relative;
-  display: inline-flex;
-  line-height: 0;
-}
-.chat-add-header__history-panel {
-  position: absolute;
-  top: calc(100% + 8px);
-  right: 0;
-  z-index: var(--tr-z-index-popover);
-  display: flex;
-  box-sizing: border-box;
-  flex-direction: column;
-  gap: 12px;
-  width: 320px;
-  height: 560px;
-  padding: 16px;
-  overflow: hidden;
-  border: 1px solid var(--tr-border-color-default);
-  border-radius: 12px;
-  background: var(--tr-container-bg-default);
-  box-shadow: var(--tr-shadow-sm);
-}
-.chat-add-header__history-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 0;
-}
-.chat-add-header__history-head h2 {
-  margin: 0;
-  color: var(--tr-text-primary);
-  font-size: 16px;
-  line-height: 24px;
-}
-.chat-add-header__history {
-  min-height: 0;
-  overflow-y: auto;
-  flex: 1;
-}
-.chat-add-header__history {
-  --tr-history-item-selected-bg: var(--tr-history-item-hover-bg);
-  --tr-history-item-selected-color: var(--tr-color-primary);
-  --tr-history-item-space-y: 4px;
-}
-@media (max-width: 640px) {
-  .chat-add-header {
-    height: 52px;
-    padding: 0 10px;
-  }
-  .chat-add-header__history-panel {
-    position: fixed;
-    top: 52px;
-    right: 8px;
-    left: 8px;
-    width: auto;
-    height: min(560px, calc(100dvh - 68px));
-  }
-}
-</style>

package/templates/chat/src/composables/useWindow.ts

@@ -1,83 +0,0 @@
-import type { LayoutFloatingOptions, LayoutFloatingState } from '@opentiny/tiny-robot'
-import { useEventListener, useWindowSize } from '@vueuse/core'
-import { computed, shallowRef, watch } from 'vue'
-
-export type DisplayMode = 'floating' | 'fullscreen'
-
-export function useWindow() {
-  const show = shallowRef(false)
-  const displayMode = shallowRef<DisplayMode>('floating')
-  const floatingState = shallowRef<LayoutFloatingState>({
-    placement: 'center',
-    offsetX: 24,
-    offsetY: 24,
-    width: 640,
-    height: 760,
-  })
-  const restoreFloatingState = shallowRef<LayoutFloatingState | null>(null)
-  const { width, height } = useWindowSize()
-
-  const floatingOptions = computed<LayoutFloatingOptions>(() => ({
-    draggable: displayMode.value === 'floating',
-    resizable: displayMode.value === 'floating',
-    minWidth: displayMode.value === 'floating' ? 360 : undefined,
-    minHeight: displayMode.value === 'floating' ? 480 : undefined,
-  }))
-
-  const layoutStyle = computed(() => ({
-    '--tr-layout-main-min-width': '0',
-    '--tr-layout-floating-radius': displayMode.value === 'floating' && width.value > 640 ? '12px' : '0px',
-    '--tr-layout-floating-shadow':
-      displayMode.value === 'floating' && width.value > 640 ? '0 18px 48px rgb(0 0 0 / 18%)' : 'none',
-  }))
-
-  function getFullscreenState(): LayoutFloatingState {
-    return { placement: 'top-left', offsetX: 0, offsetY: 0, width: width.value, height: height.value }
-  }
-
-  function setDisplayMode(mode: DisplayMode): void {
-    if (mode === displayMode.value) return
-    if (displayMode.value === 'floating') restoreFloatingState.value = { ...floatingState.value }
-    displayMode.value = mode
-    if (mode === 'floating') {
-      if (restoreFloatingState.value) floatingState.value = { ...restoreFloatingState.value }
-      restoreFloatingState.value = null
-    } else {
-      floatingState.value = getFullscreenState()
-    }
-  }
-
-  function handleEscape(event: KeyboardEvent): void {
-    if (event.key === 'Escape' && displayMode.value === 'fullscreen') setDisplayMode('floating')
-  }
-
-  useEventListener('keydown', handleEscape)
-  watch(
-    [displayMode, width, height],
-    () => {
-      if (displayMode.value === 'fullscreen') floatingState.value = getFullscreenState()
-    },
-    { immediate: true },
-  )
-
-  function open(): void {
-    show.value = true
-  }
-
-  function close(): void {
-    show.value = false
-  }
-
-  return {
-    show,
-    displayMode,
-    floatingState,
-    floatingOptions,
-    layoutStyle,
-    setDisplayMode,
-    restoreFloatingState,
-    handleEscape,
-    open,
-    close,
-  }
-}