@opentiny/tiny-robot-cli 0.5.2-alpha.11 → 0.5.2-alpha.13

package/templates/chat/src/TinyRobotChat.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import type { HistoryMenuItem, PromptProps, TemplateItem } from '@opentiny/tiny-robot'
 import { TrSender, TrThemeProvider as TrTheme } from '@opentiny/tiny-robot'
+import '@opentiny/tiny-robot/dist/style.css'
 import { TrChat, useChatHistoryItems, useLocalChatRuntime, type ChatHistoryItem } from '@opentiny/tiny-robot-chat'
+import '@opentiny/tiny-robot-chat/dist/style.css'
 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 ComposerTools from './tiny-robot-chat/components/ComposerTools.vue'
+import WindowHeader from './tiny-robot-chat/components/WindowHeader.vue'
+import { createChatUi, templateCategories } from './tiny-robot-chat/config/chat-ui'
+import { mcpServers, modelProviders } from './tiny-robot-chat/config/chat-runtime'
+import { useWindow } from './tiny-robot-chat/composables/useWindow'
 
 const runtime = useLocalChatRuntime({ modelProviders, mcpServers })
 const window = reactive(useWindow())
@@ -45,52 +47,130 @@ function handleHistoryAction(action: HistoryMenuItem, item: ChatHistoryItem): vo
 
 <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>
+    <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>
+        <ComposerTools v-model:current-template="currentTemplate" :template-categories="templateCategories" />
+      </template>
+    </TrChat>
   </TrTheme>
 </template>
+
+<style scoped>
+.chat-add-launcher {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+  z-index: var(--tr-z-index-popover, 1000);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 56px;
+  height: 56px;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: var(--tr-container-bg-default);
+  color: var(--tr-color-primary);
+  box-shadow: 0 8px 24px rgb(0 0 0 / 20%);
+  cursor: pointer;
+}
+.chat-add-launcher:hover {
+  background: var(--tr-color-primary-light);
+}
+.chat-add-launcher:focus-visible {
+  outline: 2px solid var(--tr-color-primary);
+  outline-offset: 3px;
+}
+@media (max-width: 519px) {
+  .chat-add-launcher {
+    right: 16px;
+    bottom: 16px;
+  }
+}
+</style>
+
+<style>
+.chat-add-window {
+  --chat-prompt-min-width: 280px;
+  --tr-layout-bg-default: #f5f5f7;
+  --tr-chat-ui-header-bg: #f5f5f7;
+  --tr-chat-ui-main-bg: #f5f5f7;
+  --tr-chat-ui-footer-bg: #f5f5f7;
+  min-width: 0;
+}
+.chat-add-window .tr-welcome {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 24px 24px 0;
+}
+.chat-add-window .tr-welcome__title-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.chat-add-window .tr-prompts {
+  --tr-prompts-gap: 16px;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 16px 24px;
+}
+.chat-add-window .tr-prompts .tr-prompts__list-container.wrap {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(var(--chat-prompt-min-width), 1fr));
+}
+.chat-add-window .tr-prompts__list-container > .prompt-item {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+}
+@container (max-width: 623px) {
+  .chat-add-window .tr-prompts .tr-prompts__list-container.wrap {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+@container (max-width: 519px) {
+  .chat-add-window .tr-welcome {
+    padding-inline: 12px;
+  }
+  .chat-add-window .tr-prompts {
+    padding-inline: 12px;
+  }
+  .chat-add-window .tr-bubble__avatar {
+    display: none;
+  }
+}
+</style>

package/templates/chat/src/main.ts

@@ -1,7 +1,4 @@
 import { createApp } from 'vue'
-import '@opentiny/tiny-robot/dist/style.css'
-import '@opentiny/tiny-robot-chat/dist/style.css'
-import './index.css'
 import TinyRobotChat from './TinyRobotChat.vue'
 
 createApp(TinyRobotChat).mount('#app')

package/templates/chat/src/tiny-robot-chat/components/ComposerTools.vue

@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import type { TemplateItem } from '@opentiny/tiny-robot'
+import { TrDropdownMenu, TrSuggestionPillButton, TrSuggestionPills } from '@opentiny/tiny-robot'
+import type { TemplateCategory, TemplateSuggestionItem } from '../config/chat-ui'
+import { computed } from 'vue'
+
+const props = defineProps<{
+  templateCategories: readonly TemplateCategory[]
+}>()
+
+const currentTemplate = defineModel<TemplateItem[]>('currentTemplate', { required: true })
+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 handleTemplateSelect(item: unknown): void {
+  fillTemplate((item as { template: TemplateSuggestionItem }).template)
+}
+</script>
+
+<template>
+  <div class="chat-add-tools">
+    <TrSuggestionPills class="chat-add-tools__pills">
+      <TrDropdownMenu
+        v-for="category in templateMenus"
+        :key="category.id"
+        :append-to="overlayTarget"
+        :items="category.items as never"
+        trigger="click"
+        @item-click="handleTemplateSelect"
+      >
+        <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/{composables → tiny-robot-chat/composables}/useWindow.ts

@@ -4,24 +4,34 @@ import { computed, shallowRef, watch } from 'vue'
 
 export type DisplayMode = 'floating' | 'fullscreen'
 
+const FLOATING_GAP = 24
+const FLOATING_MIN_WIDTH = 360
+const FLOATING_MIN_HEIGHT = 480
+
 export function useWindow() {
   const show = shallowRef(false)
   const displayMode = shallowRef<DisplayMode>('floating')
+  const { width, height } = useWindowSize()
   const floatingState = shallowRef<LayoutFloatingState>({
-    placement: 'center',
-    offsetX: 24,
-    offsetY: 24,
-    width: 640,
-    height: 760,
+    placement: 'top-right',
+    offsetX: FLOATING_GAP,
+    offsetY: FLOATING_GAP,
+    width: 500,
+    height: Math.max(1, height.value - FLOATING_GAP * 2),
   })
   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,
+    minWidth:
+      displayMode.value === 'floating'
+        ? Math.min(FLOATING_MIN_WIDTH, Math.max(1, width.value - FLOATING_GAP * 2))
+        : undefined,
+    minHeight:
+      displayMode.value === 'floating'
+        ? Math.min(FLOATING_MIN_HEIGHT, Math.max(1, height.value - FLOATING_GAP * 2))
+        : undefined,
   }))
 
   const layoutStyle = computed(() => ({

package/templates/chat/src/tiny-robot-chat/config/chat-runtime.ts

@@ -0,0 +1,26 @@
+import type { ChatMcpServers, ChatProviderConfig } from '@opentiny/tiny-robot-chat'
+
+export const mcpServers: ChatMcpServers = []
+
+export const modelProviders: ChatProviderConfig[] = [
+  {
+    type: 'qwen',
+    label: 'DashScope',
+    apiUrl: import.meta.env.VITE_QWEN_API_URL?.trim() || undefined,
+    apiKey: import.meta.env.VITE_ALIYUN_DASHSCOPE_KEY?.trim(),
+    models: [
+      { id: 'qwen3.7-flash', label: 'Qwen3.7 Flash', capabilities: { thinking: true, search: true } },
+      { id: 'qwen3.7-plus', label: 'Qwen3.7 Plus', capabilities: { thinking: true, search: true } },
+      { id: 'qwen3.7-max', label: 'Qwen3.7 Max', capabilities: { thinking: true, search: true } },
+    ],
+  },
+  {
+    type: 'deepseek',
+    apiUrl: import.meta.env.VITE_DEEPSEEK_API_URL?.trim() || undefined,
+    apiKey: import.meta.env.VITE_DEEPSEEK_API_KEY?.trim(),
+    models: [
+      { id: 'deepseek-v4-flash', label: 'DeepSeek V4 Flash', capabilities: { thinking: true } },
+      { id: 'deepseek-v4-pro', label: 'DeepSeek V4 Pro', capabilities: { thinking: true } },
+    ],
+  },
+]

package/templates/chat/src/{config → tiny-robot-chat/config}/chat-ui.ts

@@ -1,7 +1,7 @@
 import type { LayoutFloatingOptions } from '@opentiny/tiny-robot'
 import type { ChatSenderOptions, ChatUIOptions } from '@opentiny/tiny-robot-chat'
 import type { TemplateItem } from '@opentiny/tiny-robot'
-import { IconAi, IconEdit, IconHistory, IconNewSession, IconSparkles, IconUser } from '@opentiny/tiny-robot-svgs'
+import { IconAi, IconUser } from '@opentiny/tiny-robot-svgs'
 import { h, type CSSProperties } from 'vue'
 
 export interface ChatUiConfigOptions {
@@ -9,24 +9,6 @@ export interface ChatUiConfigOptions {
   templateExtensions: NonNullable<ChatSenderOptions['extensions']>
 }
 
-export interface ChatMenuItem {
-  id: string
-  title: string
-  icon: unknown
-  action: 'mcp' | 'template' | 'history' | 'new-session' | 'mode'
-}
-
-export const composerMenus: ChatMenuItem[] = [
-  { id: 'quick-query', title: '常用查询', icon: IconSparkles, action: 'mcp' },
-  { id: 'templates', title: '模板', icon: IconEdit, action: 'template' },
-]
-
-export const windowMenus: ChatMenuItem[] = [
-  { id: 'new-session', title: '新会话', icon: IconNewSession, action: 'new-session' },
-  { id: 'history', title: '历史会话', icon: IconHistory, action: 'history' },
-  { id: 'mode', title: '窗口模式', icon: IconSparkles, action: 'mode' },
-]
-
 export interface PromptItemData {
   label: string
   description: string
@@ -52,9 +34,9 @@ export const PROMPT_ITEMS_DATA: PromptItemData[] = [
     emoji: '✨',
   },
   {
-    label: 'MCP 工具调用',
-    description: '搜索：北京天气（输入「搜索」「MCP」「工具」等关键词可触发模拟 MCP 工具调用）',
-    emoji: '🔧',
+    label: '工作效率场景',
+    description: '需要我帮你总结内容、拆解任务，还是整理一份行动清单？',
+    emoji: '⚡',
   },
 ]
 

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/config/chat-runtime.ts

@@ -1,57 +0,0 @@
-import type { ChatMcpServers, ChatProviderConfig } from '@opentiny/tiny-robot-chat'
-
-export interface McpExample {
-  id: string
-  title: string
-  request: string
-}
-
-export const mcpExamples: McpExample[] = [
-  { id: 'weather', title: '查询北京天气', request: '查询北京今天的天气，并给出出行建议' },
-  { id: 'coffee', title: '查询附近咖啡店', request: '查询我附近的咖啡店，并按距离排序' },
-  { id: 'exchange-rate', title: '获取当前汇率', request: '查询人民币兑美元的当前汇率' },
-]
-
-export const mcpServers: ChatMcpServers = [
-  {
-    id: 'amap-maps',
-    name: '高德地图',
-    description: '覆盖地图、导航、地理编码、天气、路径规划、距离测量、关键词搜索和周边搜索等地理信息服务。',
-    baseUrl: import.meta.env.VITE_AMAP_MCP_URL?.trim() || 'https://dashscope.aliyuncs.com/api/v1/mcps/amap-maps/mcp',
-    icon: 'https://img.alicdn.com/imgextra/i4/O1CN01iPPabT1EGRN6uatHP_!!6000000000324-0-tps-512-512.jpg',
-    headers: import.meta.env.VITE_ALIYUN_DASHSCOPE_KEY?.trim()
-      ? { Authorization: `Bearer ${import.meta.env.VITE_ALIYUN_DASHSCOPE_KEY.trim()}` }
-      : undefined,
-  },
-  {
-    id: 'model-context-protocol-mcp',
-    name: 'Model Context Protocol MCP',
-    description: 'MCP Server',
-    baseUrl: '/modelcontextprotocol-mcp',
-    icon: '/modelcontextprotocol.png',
-    installed: true,
-  },
-]
-
-export const modelProviders: ChatProviderConfig[] = [
-  {
-    type: 'qwen',
-    label: 'DashScope',
-    apiUrl: import.meta.env.VITE_QWEN_API_URL?.trim() || undefined,
-    apiKey: import.meta.env.VITE_ALIYUN_DASHSCOPE_KEY?.trim(),
-    models: [
-      { id: 'qwen3.7-flash', label: 'Qwen3.7 Flash', capabilities: { thinking: true, search: true } },
-      { id: 'qwen3.7-plus', label: 'Qwen3.7 Plus', capabilities: { thinking: true, search: true } },
-      { id: 'qwen3.7-max', label: 'Qwen3.7 Max', capabilities: { thinking: true, search: true } },
-    ],
-  },
-  {
-    type: 'deepseek',
-    apiUrl: import.meta.env.VITE_DEEPSEEK_API_URL?.trim() || undefined,
-    apiKey: import.meta.env.VITE_DEEPSEEK_API_KEY?.trim(),
-    models: [
-      { id: 'deepseek-v4-flash', label: 'DeepSeek V4 Flash', capabilities: { thinking: true } },
-      { id: 'deepseek-v4-pro', label: 'DeepSeek V4 Pro', capabilities: { thinking: true } },
-    ],
-  },
-]

package/templates/chat/src/index.css

@@ -1,116 +0,0 @@
-:root {
-  font-family:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    sans-serif;
-  color: #1f2329;
-}
-* {
-  box-sizing: border-box;
-}
-html,
-body,
-#app {
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  margin: 0;
-}
-body {
-  overflow: hidden;
-}
-.chat-add-app {
-  position: relative;
-  container-type: inline-size;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  min-width: 0;
-  min-height: 0;
-}
-.chat-add-launcher {
-  position: fixed;
-  right: 24px;
-  bottom: 24px;
-  z-index: var(--tr-z-index-popover, 1000);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 56px;
-  height: 56px;
-  padding: 0;
-  border: 0;
-  border-radius: 50%;
-  background: var(--tr-color-primary);
-  color: #fff;
-  box-shadow: 0 8px 24px rgb(0 0 0 / 20%);
-  cursor: pointer;
-}
-.chat-add-launcher:hover {
-  background: var(--tr-color-primary-hover);
-}
-.chat-add-launcher:focus-visible {
-  outline: 2px solid var(--tr-color-primary);
-  outline-offset: 3px;
-}
-.chat-add-window {
-  container-type: inline-size;
-  --tr-layout-bg-default: #f5f5f7;
-  --tr-chat-ui-header-bg: #f5f5f7;
-  --tr-chat-ui-main-bg: #f5f5f7;
-  --tr-chat-ui-footer-bg: #f5f5f7;
-  --tr-suggestion-popover-width: min(440px, calc(100cqw - 16px));
-  width: 100%;
-  min-width: 0;
-  min-height: 0;
-}
-.chat-add-window .tr-welcome {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 24px 24px 0;
-}
-.chat-add-window .tr-welcome__title-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.chat-add-window .tr-prompts {
-  --tr-prompts-gap: 16px;
-  box-sizing: border-box;
-  width: 100%;
-  padding: 16px 24px;
-}
-.chat-add-window .prompt-item {
-  flex: 0 0 calc((100% - 16px) / 2);
-  box-sizing: border-box;
-  min-width: 0;
-}
-.chat-add-window--floating {
-  border-radius: var(--tr-layout-floating-radius);
-  box-shadow: var(--tr-layout-floating-shadow);
-  overflow: hidden;
-}
-.chat-add-window--fullscreen {
-  border-radius: 0;
-  box-shadow: none;
-}
-@container (max-width: 519px) {
-  .chat-add-launcher {
-    right: 16px;
-    bottom: 16px;
-  }
-  .chat-add-window .prompt-item {
-    flex-basis: 100%;
-  }
-  .chat-add-window .tr-welcome {
-    padding-inline: 12px;
-  }
-  .chat-add-window .tr-prompts {
-    padding-inline: 12px;
-  }
-  .chat-add-window .tr-bubble__avatar {
-    display: none;
-  }
-}