@chat-lab/ui 0.1.0-beta.7 → 0.1.0-beta.71

package/dist/components/SwitchAgentModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/SwitchAgentModal/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  DialogTrigger,\n  DialogClose,\n} from \"@/components/ui/dialog\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@radix-ui/react-label\";\n// import Switch from \"@radix-ui/react-switch\";\nimport { X, Settings, Link2, Key, Loader2 } from \"lucide-react\";\nimport { useChatkitRef } from \"@/contexts/ChatkitContext\";\nimport useThread from \"@/hooks/useThread\";\ninterface SwitchAgentModalProps {\n  isOpen: boolean;\n  onOpenChange: (open: boolean) => void;\n  onConfirm: (input1: string, input2: string) => void;\n  onCancel?: () => void;\n}\n\nexport const SwitchAgentModal = ():JSX.Element => {\n  const [input1, setInput1] = useState(\"\");\n  const [input2, setInput2] = useState(\"\");\n  const [isLoading, setIsLoading] = useState(false);\n  const ref = useChatkitRef();\n  const { threadList } = useThread();\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleConfirm = async () => {\n    try {\n      setIsLoading(true);\n      const requestOptions = ref.current?.getRequestOptions();\n      ref.current?.setRequestOptions({\n        ...(requestOptions || {}),\n        api: input1,\n        headers: {\n          ...(requestOptions?.headers || {}),\n          Authorization: `Bearer ${input2}`,\n        },\n      });\n      for (const thread of threadList) {\n        ref.current?.updateThread(thread.id, {\n          metadata: {\n            ...(thread.metadata || {}),\n            [\"sessionInited\"]: false,\n          },\n        });\n      }\n      ref.current?.clearCurrentThread();\n      // 成功后关闭弹窗\n      setIsOpen(false);\n      // 重置输入框\n      setInput1(\"\");\n      setInput2(\"\");\n    } catch (error) {\n      console.error(\"确认操作失败:\", error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleCancel = () => {\n    // 关闭弹窗并重置\n    setIsOpen(false);\n    setInput1(\"\");\n    setInput2(\"\");\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={setIsOpen}>\n      <DialogTrigger asChild>\n        <Button\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          className=\"hover:bg-accent/50 transition-colors\"\n        >\n          <Settings className=\"h-4 w-4\" />\n        </Button>\n      </DialogTrigger>\n      <DialogContent\n        showCloseButton={false}\n        className=\"sm:max-w-lg bg-white/95 backdrop-blur-sm border border-gray-200/80 rounded-xl shadow-2xl overflow-hidden\"\n      >\n        {/* 模态框头部 */}\n        <DialogHeader className=\"px-6 py-5 border-b border-gray-100 bg-gradient-to-r from-gray-50/50 to-white\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <DialogTitle className=\"text-xl font-semibold text-gray-900 tracking-tight\">\n                配置 API 设置\n              </DialogTitle>\n            </div>\n            <DialogClose asChild>\n              <button\n                className=\"text-gray-400 hover:text-gray-600 transition-all p-1.5 rounded-lg hover:bg-gray-100 active:scale-95\"\n                aria-label=\"关闭\"\n              >\n                <X className=\"h-5 w-5\" />\n              </button>\n            </DialogClose>\n          </div>\n        </DialogHeader>\n\n        {/* 模态框内容 */}\n        <div className=\"px-6 py-6 space-y-5 bg-white\">\n          <div className=\"space-y-2.5\">\n            <Label className=\"text-sm font-semibold text-gray-700 flex items-center gap-2\">\n              <Link2 className=\"h-4 w-4 text-blue-500\" />\n              API 地址\n            </Label>\n            <div className=\"relative\">\n              <Input\n                id=\"input1\"\n                value={input1}\n                onChange={(e) => setInput1(e.target.value)}\n                placeholder=\"https://api.example.com/v1/chat\"\n                className=\"w-full h-10 pl-4 pr-4 text-sm transition-all duration-200\"\n              />\n            </div>\n            <p className=\"text-xs text-gray-500 mt-1.5\">\n              请输入完整的 API 端点地址\n            </p>\n          </div>\n\n          <div className=\"space-y-2.5\">\n            <Label className=\"text-sm font-semibold text-gray-700 flex items-center gap-2\">\n              <Key className=\"h-4 w-4 text-amber-500\" />\n              Authorization Token\n            </Label>\n            <div className=\"relative\">\n              <Input\n                id=\"input2\"\n                type=\"password\"\n                value={input2}\n                onChange={(e) => setInput2(e.target.value)}\n                placeholder=\"token...\"\n                className=\"w-full h-10 pl-4 pr-4 text-sm transition-all duration-200 font-mono\"\n              />\n            </div>\n            <p className=\"text-xs text-gray-500 mt-1.5\">请输入您的认证令牌</p>\n          </div>\n        </div>\n\n        {/* 模态框底部 */}\n        <DialogFooter className=\"px-6 py-4 border-t border-gray-100 bg-gradient-to-r from-gray-50/30 to-white flex justify-end gap-3\">\n          <DialogClose asChild>\n            <Button\n              variant=\"outline\"\n              onClick={handleCancel}\n              disabled={isLoading}\n              className=\"min-w-[80px] h-9 border-gray-200 hover:bg-gray-50 hover:border-gray-300 transition-all\"\n            >\n              取消\n            </Button>\n          </DialogClose>\n          <Button\n            onClick={handleConfirm}\n            disabled={isLoading || !input1.trim() || !input2.trim()}\n            className=\"min-w-[80px] h-9 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white shadow-md hover:shadow-lg transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {isLoading ? (\n              <>\n                <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                处理中...\n              </>\n            ) : (\n              \"确定\"\n            )}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default SwitchAgentModal;\n"],"names":["_jsxs","_jsx","_Fragment","Loader2"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/SwitchAgentModal/index.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogFooter,\n  DialogTrigger,\n  DialogClose,\n} from '@/components/ui/dialog';\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@radix-ui/react-label';\n// import Switch from \"@radix-ui/react-switch\";\nimport {\n  X,\n  Settings,\n  Link2,\n  Key,\n  Loader2,\n  Plus,\n  Trash2,\n  Check,\n  Edit2,\n} from 'lucide-react';\nimport { useChatkitRef } from '@/contexts/ChatkitContext';\nimport useThread from '@/hooks/useThread';\nimport { AgentStorageManager } from '@/utils/agentStorage';\nimport { AgentConfig } from '@/types/agent';\nimport { useI18n } from '@/contexts/I18nContext';\n\ninterface SwitchAgentModalProps {\n  isOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onConfirm?: (input1: string, input2: string) => void;\n  onCancel?: () => void;\n  onSetConfig?: (config: AgentConfig) => void;\n}\n\nexport const SwitchAgentModal = (props: SwitchAgentModalProps): JSX.Element => {\n  const { onSetConfig } = props;\n  const [configs, setConfigs] = useState<AgentConfig[]>([]);\n  const [currentView, setCurrentView] = useState<'table' | 'form'>('table');\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [name, setName] = useState('');\n  const [url, setUrl] = useState('');\n  const [token, setToken] = useState('');\n  const [isLoading, setIsLoading] = useState(false);\n  const controller = useChatkitRef();\n  const { threadList } = useThread();\n  const [isOpen, setIsOpen] = useState(false);\n  const { t } = useI18n();\n\n  // 加载配置并初始化当前配置\n  useEffect(() => {\n    const loadConfigs = () => {\n      const loadedConfigs = AgentStorageManager.getConfigs();\n      setConfigs(loadedConfigs);\n\n      // 加载当前配置到 requestOptions\n      const currentConfig = AgentStorageManager.getCurrentConfig();\n      if (currentConfig && controller) {\n        const requestOptions = controller.getRequestOptions();\n        onSetConfig?.(currentConfig);\n        controller.setRequestOptions({\n          ...(requestOptions || {}),\n          api: currentConfig.url,\n          headers: {\n            ...(requestOptions?.headers || {}),\n            Authorization: `Bearer ${currentConfig.apiKey}`,\n          },\n        });\n      }\n    };\n    loadConfigs();\n  }, [controller]);\n\n  const handleAddConfig = async () => {\n    if (!name.trim() || !url.trim() || !token.trim()) return;\n\n    try {\n      setIsLoading(true);\n\n      if (editingId) {\n        // 编辑模式：更新现有配置\n        const updatedConfig: AgentConfig = {\n          id: editingId,\n          name: name.trim(),\n          url: url.trim(),\n          apiKey: token.trim(),\n          createdAt:\n            configs.find(c => c.id === editingId)?.createdAt || Date.now(),\n        };\n\n        const updatedConfigs = configs.map(c =>\n          c.id === editingId ? updatedConfig : c,\n        );\n        setConfigs(updatedConfigs);\n\n        // 更新 localStorage\n        const allConfigs = AgentStorageManager.getConfigs();\n        const currentConfigId = AgentStorageManager.getCurrentConfig()?.id;\n        const newAllConfigs = allConfigs.map(c =>\n          c.id === editingId ? updatedConfig : c,\n        );\n        localStorage.setItem(\n          'chatkit_agent_configs',\n          JSON.stringify({\n            configs: newAllConfigs,\n            currentConfigId,\n          }),\n        );\n      } else {\n        // 添加模式：创建新配置\n        const newConfig = AgentStorageManager.saveConfig({\n          name: name.trim(),\n          url: url.trim(),\n          apiKey: token.trim(),\n        });\n        setConfigs(prev => [...prev, newConfig]);\n      }\n\n      setCurrentView('table');\n      setEditingId(null);\n      setName('');\n      setUrl('');\n      setToken('');\n    } catch (error) {\n      console.error('保存配置失败:', error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleEditConfig = (config: AgentConfig) => {\n    setEditingId(config.id);\n    setName(config.name);\n    setUrl(config.url);\n    setToken(config.apiKey);\n    setCurrentView('form');\n  };\n\n  const handleSelectConfig = async (config: AgentConfig) => {\n    try {\n      setIsLoading(true);\n      AgentStorageManager.setCurrentConfig(config.id);\n\n      const requestOptions = controller?.getRequestOptions();\n      controller?.setRequestOptions({\n        ...(requestOptions || {}),\n        api: config.url,\n        headers: {\n          ...(requestOptions?.headers || {}),\n          Authorization: `Bearer ${config.apiKey}`,\n        },\n      });\n      onSetConfig?.(config);\n\n      for (const thread of threadList) {\n        controller?.updateThread(thread.id, {\n          metadata: {\n            ...(thread.metadata || {}),\n            ['sessionInited']: false,\n          },\n        });\n      }\n      controller?.clearCurrentThread();\n      // 成功后关闭弹窗\n      setIsOpen(false);\n    } catch (error) {\n      console.error('选择配置失败:', error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleDeleteConfig = (id: string) => {\n    AgentStorageManager.deleteConfig(id);\n    setConfigs(prev => prev.filter(config => config.id !== id));\n  };\n\n  const handleCancel = () => {\n    // 关闭弹窗并重置\n    setIsOpen(false);\n    setCurrentView('table');\n    setEditingId(null);\n    setName('');\n    setUrl('');\n    setToken('');\n  };\n\n  return (\n    <Dialog open={isOpen} onOpenChange={setIsOpen}>\n      <DialogTrigger asChild>\n        <Button\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          className=\"hover:bg-accent/50 transition-colors size-[unset]\"\n        >\n          <Settings className=\"size-[16px]\" />\n        </Button>\n      </DialogTrigger>\n      <DialogContent\n        showCloseButton={false}\n        className=\"sm:max-w-lg bg-white/95 backdrop-blur-sm border border-gray-200/80 rounded-xl shadow-2xl overflow-hidden\"\n      >\n        {/* 模态框头部 */}\n        <DialogHeader className=\"px-6 py-5 border-b border-gray-100 bg-gradient-to-r from-gray-50/50 to-white\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <DialogTitle className=\"text-xl font-semibold text-gray-900 tracking-tight\">\n                {currentView === 'table'\n                  ? t('agentConfig.title')\n                  : editingId\n                    ? t('agentConfig.editTitle')\n                    : t('agentConfig.addTitle')}\n              </DialogTitle>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              {currentView === 'table' && (\n                <Button\n                  size=\"sm\"\n                  onClick={() => {\n                    setEditingId(null);\n                    setName('');\n                    setUrl('');\n                    setToken('');\n                    setCurrentView('form');\n                  }}\n                  className=\"bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white shadow-md hover:shadow-lg transition-all duration-200\"\n                >\n                  <Plus className=\"h-4 w-4 mr-2\" />\n                  {t('agentConfig.addConfig')}\n                </Button>\n              )}\n              {currentView === 'form' && (\n                <Button\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={() => setCurrentView('table')}\n                  className=\"border-gray-200 hover:bg-gray-50 hover:border-gray-300 transition-all\"\n                >\n                  {t('agentConfig.back')}\n                </Button>\n              )}\n              <DialogClose asChild>\n                <button\n                  className=\"text-gray-400 hover:text-gray-600 transition-all p-1.5 rounded-lg hover:bg-gray-100 active:scale-95\"\n                  aria-label=\"关闭\"\n                >\n                  <X className=\"h-5 w-5\" />\n                </button>\n              </DialogClose>\n            </div>\n          </div>\n        </DialogHeader>\n\n        {/* 模态框内容 */}\n        <div className=\"px-6 py-6 bg-white min-h-[400px] max-h-[600px]\">\n          {currentView === 'table' ? (\n            /* 配置表格 */\n            <div className=\"space-y-4 h-full\">\n              {configs.length === 0 ? (\n                <div className=\"text-center py-16 text-gray-500\">\n                  <div className=\"inline-flex items-center justify-center w-16 h-16 rounded-full bg-gradient-to-br from-blue-50 to-blue-100 mb-4\">\n                    <Settings className=\"h-8 w-8 text-blue-500\" />\n                  </div>\n                  <p className=\"text-base font-medium text-gray-700 mb-1\">\n                    {t('agentConfig.noConfig')}\n                  </p>\n                  <p className=\"text-sm text-gray-500\">\n                    {t('agentConfig.startGuide')}\n                  </p>\n                </div>\n              ) : (\n                <div className=\"space-y-3 overflow-y-auto max-h-[500px] pr-2 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100\">\n                  {configs.map((config, index) => (\n                    <div\n                      key={config.id}\n                      className=\"group relative bg-gradient-to-r from-gray-50/50 to-white border border-gray-200 rounded-xl p-4 hover:shadow-md hover:border-blue-200 transition-all duration-200\"\n                    >\n                      <div className=\"space-y-3\">\n                        <div className=\"flex items-center gap-2\">\n                          <div className=\"flex items-center justify-center w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 text-white text-sm font-semibold shadow-sm\">\n                            {config.name.charAt(0).toUpperCase()}\n                          </div>\n                          <h3 className=\"text-base font-semibold text-gray-900\">\n                            {config.name}\n                          </h3>\n                        </div>\n\n                        <div className=\"space-y-1.5 pl-10\">\n                          <div className=\"flex items-start gap-2 max-w-[240px]\">\n                            <Link2 className=\"h-4 w-4 text-gray-400 mt-0.5 flex-shrink-0\" />\n                            <p\n                              className=\"text-sm text-gray-600 font-mono truncate flex-1 min-w-0\"\n                              title={config.url}\n                            >\n                              {config.url}\n                            </p>\n                          </div>\n                          <div className=\"flex items-center gap-2 max-w-[240px]\">\n                            <Key className=\"h-4 w-4 text-gray-400 flex-shrink-0\" />\n                            <p\n                              className=\"text-sm text-gray-500 font-mono truncate flex-1 min-w-0\"\n                              title={config.apiKey}\n                            >\n                              {config.apiKey.substring(0, 20)}...\n                            </p>\n                          </div>\n                        </div>\n\n                        <div className=\"flex gap-2 pl-10 pt-1\">\n                          <Button\n                            size=\"sm\"\n                            onClick={() => handleSelectConfig(config)}\n                            disabled={isLoading}\n                            className=\"h-9 px-4 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white shadow-sm hover:shadow-md transition-all duration-200\"\n                          >\n                            <Check className=\"h-4 w-4 mr-1.5\" />\n                            {t('agentConfig.select')}\n                          </Button>\n                          <Button\n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={() => handleEditConfig(config)}\n                            disabled={isLoading}\n                            className=\"h-9 px-4 border-gray-300 text-gray-700 hover:bg-gray-50 hover:border-gray-400 transition-all duration-200\"\n                          >\n                            <Edit2 className=\"h-4 w-4 mr-1.5\" />\n                            {t('agentConfig.edit')}\n                          </Button>\n                          <Button\n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={() => handleDeleteConfig(config.id)}\n                            disabled={isLoading}\n                            className=\"h-9 px-4 border-red-200 text-red-600 hover:bg-red-50 hover:border-red-300 transition-all duration-200\"\n                          >\n                            <Trash2 className=\"h-4 w-4 mr-1.5\" />\n                            {t('agentConfig.delete')}\n                          </Button>\n                        </div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </div>\n          ) : (\n            /* 添加配置表单 */\n            <div className=\"space-y-5\">\n              <div className=\"space-y-2.5\">\n                <Label className=\"text-sm font-semibold text-gray-700 flex items-center gap-2\">\n                  <Settings className=\"h-4 w-4 text-blue-500\" />\n                  {t('agentConfig.nameLabel')}\n                </Label>\n                <div className=\"relative\">\n                  <Input\n                    value={name}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                      setName(e.target.value)\n                    }\n                    placeholder={t('agentConfig.namePlaceholder')}\n                    className=\"w-full h-10 pl-4 pr-4 text-sm transition-all duration-200\"\n                  />\n                </div>\n                <p className=\"text-xs text-gray-500 mt-1.5\">\n                  {t('agentConfig.nameDesc')}\n                </p>\n              </div>\n\n              <div className=\"space-y-2.5\">\n                <Label className=\"text-sm font-semibold text-gray-700 flex items-center gap-2\">\n                  <Link2 className=\"h-4 w-4 text-blue-500\" />\n                  {t('agentConfig.urlLabel')}\n                </Label>\n                <div className=\"relative\">\n                  <Input\n                    value={url}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                      setUrl(e.target.value)\n                    }\n                    placeholder={t('agentConfig.urlPlaceholder')}\n                    className=\"w-full h-10 pl-4 pr-4 text-sm transition-all duration-200\"\n                  />\n                </div>\n                <p className=\"text-xs text-gray-500 mt-1.5\">\n                  {t('agentConfig.urlDesc')}\n                </p>\n              </div>\n\n              <div className=\"space-y-2.5\">\n                <Label className=\"text-sm font-semibold text-gray-700 flex items-center gap-2\">\n                  <Key className=\"h-4 w-4 text-amber-500\" />\n                  {t('agentConfig.tokenLabel')}\n                </Label>\n                <div className=\"relative\">\n                  <Input\n                    type=\"password\"\n                    value={token}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                      setToken(e.target.value)\n                    }\n                    placeholder={t('agentConfig.tokenPlaceholder')}\n                    className=\"w-full h-10 pl-4 pr-4 text-sm transition-all duration-200 font-mono\"\n                  />\n                </div>\n                <p className=\"text-xs text-gray-500 mt-1.5\">\n                  {t('agentConfig.tokenDesc')}\n                </p>\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* 模态框底部 */}\n        {currentView === 'form' && (\n          <DialogFooter className=\"px-6 py-4 border-t border-gray-100 bg-gradient-to-r from-gray-50/30 to-white flex justify-end gap-3\">\n            <DialogClose asChild>\n              <Button\n                variant=\"outline\"\n                onClick={handleCancel}\n                disabled={isLoading}\n                className=\"min-w-[80px] h-9 border-gray-200 hover:bg-gray-50 hover:border-gray-300 transition-all\"\n              >\n                {t('agentConfig.cancel')}\n              </Button>\n            </DialogClose>\n            <Button\n              onClick={handleAddConfig}\n              disabled={\n                isLoading || !name.trim() || !url.trim() || !token.trim()\n              }\n              className=\"min-w-[80px] h-9 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white shadow-md hover:shadow-lg transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              {isLoading ? (\n                <>\n                  <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n                  {editingId\n                    ? t('agentConfig.saving')\n                    : t('agentConfig.adding')}\n                </>\n              ) : editingId ? (\n                t('agentConfig.save')\n              ) : (\n                t('agentConfig.add')\n              )}\n            </Button>\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default SwitchAgentModal;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;AAuCa,MAAA,gBAAgB,GAAG,CAAC,KAA4B,KAAiB;AAC5E,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAmB,OAAO,CAAC,CAAC;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;AACnC,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5C,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;;IAGxB,SAAS,CAAC,MAAK;QACb,MAAM,WAAW,GAAG,MAAK;AACvB,YAAA,MAAM,aAAa,GAAG,mBAAmB,CAAC,UAAU,EAAE,CAAC;YACvD,UAAU,CAAC,aAAa,CAAC,CAAC;;AAG1B,YAAA,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAC;AAC7D,YAAA,IAAI,aAAa,IAAI,UAAU,EAAE;AAC/B,gBAAA,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,EAAE,CAAC;AACtD,gBAAA,WAAW,GAAG,aAAa,CAAC,CAAC;gBAC7B,UAAU,CAAC,iBAAiB,CAAC;AAC3B,oBAAA,IAAI,cAAc,IAAI,EAAE,CAAC;oBACzB,GAAG,EAAE,aAAa,CAAC,GAAG;AACtB,oBAAA,OAAO,EAAE;AACP,wBAAA,IAAI,cAAc,EAAE,OAAO,IAAI,EAAE,CAAC;AAClC,wBAAA,aAAa,EAAE,CAAA,OAAA,EAAU,aAAa,CAAC,MAAM,CAAE,CAAA;AAChD,qBAAA;AACF,iBAAA,CAAC,CAAC;aACJ;AACH,SAAC,CAAC;AACF,QAAA,WAAW,EAAE,CAAC;AAChB,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,MAAM,eAAe,GAAG,YAAW;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,OAAO;AAEzD,QAAA,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,IAAI,SAAS,EAAE;;AAEb,gBAAA,MAAM,aAAa,GAAgB;AACjC,oBAAA,EAAE,EAAE,SAAS;AACb,oBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,oBAAA,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE;AACf,oBAAA,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;oBACpB,SAAS,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE;iBACjE,CAAC;gBAEF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAClC,CAAC,CAAC,EAAE,KAAK,SAAS,GAAG,aAAa,GAAG,CAAC,CACvC,CAAC;gBACF,UAAU,CAAC,cAAc,CAAC,CAAC;;AAG3B,gBAAA,MAAM,UAAU,GAAG,mBAAmB,CAAC,UAAU,EAAE,CAAC;gBACpD,MAAM,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,EAAE,EAAE,CAAC;gBACnE,MAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,IACpC,CAAC,CAAC,EAAE,KAAK,SAAS,GAAG,aAAa,GAAG,CAAC,CACvC,CAAC;gBACF,YAAY,CAAC,OAAO,CAClB,uBAAuB,EACvB,IAAI,CAAC,SAAS,CAAC;AACb,oBAAA,OAAO,EAAE,aAAa;oBACtB,eAAe;AAChB,iBAAA,CAAC,CACH,CAAC;aACH;iBAAM;;AAEL,gBAAA,MAAM,SAAS,GAAG,mBAAmB,CAAC,UAAU,CAAC;AAC/C,oBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,oBAAA,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE;AACf,oBAAA,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;AACrB,iBAAA,CAAC,CAAC;AACH,gBAAA,UAAU,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;aAC1C;YAED,cAAc,CAAC,OAAO,CAAC,CAAC;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,CAAC,EAAE,CAAC,CAAC;YACZ,MAAM,CAAC,EAAE,CAAC,CAAC;YACX,QAAQ,CAAC,EAAE,CAAC,CAAC;SACd;QAAC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;SACjC;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,gBAAgB,GAAG,CAAC,MAAmB,KAAI;AAC/C,QAAA,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AACxB,QAAA,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACrB,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AACnB,QAAA,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACxB,cAAc,CAAC,MAAM,CAAC,CAAC;AACzB,KAAC,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAG,OAAO,MAAmB,KAAI;AACvD,QAAA,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;AACnB,YAAA,mBAAmB,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAEhD,YAAA,MAAM,cAAc,GAAG,UAAU,EAAE,iBAAiB,EAAE,CAAC;YACvD,UAAU,EAAE,iBAAiB,CAAC;AAC5B,gBAAA,IAAI,cAAc,IAAI,EAAE,CAAC;gBACzB,GAAG,EAAE,MAAM,CAAC,GAAG;AACf,gBAAA,OAAO,EAAE;AACP,oBAAA,IAAI,cAAc,EAAE,OAAO,IAAI,EAAE,CAAC;AAClC,oBAAA,aAAa,EAAE,CAAA,OAAA,EAAU,MAAM,CAAC,MAAM,CAAE,CAAA;AACzC,iBAAA;AACF,aAAA,CAAC,CAAC;AACH,YAAA,WAAW,GAAG,MAAM,CAAC,CAAC;AAEtB,YAAA,KAAK,MAAM,MAAM,IAAI,UAAU,EAAE;AAC/B,gBAAA,UAAU,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE;AAClC,oBAAA,QAAQ,EAAE;AACR,wBAAA,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC;wBAC1B,CAAC,eAAe,GAAG,KAAK;AACzB,qBAAA;AACF,iBAAA,CAAC,CAAC;aACJ;YACD,UAAU,EAAE,kBAAkB,EAAE,CAAC;;YAEjC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;QAAC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;SACjC;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAG,CAAC,EAAU,KAAI;AACxC,QAAA,mBAAmB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAC9D,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAK;;QAExB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,CAAC,EAAE,CAAC,CAAC;QACX,QAAQ,CAAC,EAAE,CAAC,CAAC;AACf,KAAC,CAAC;AAEF,IAAA,QACEA,IAAC,CAAA,MAAM,EAAC,EAAA,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAC3C,QAAA,EAAA,CAAAC,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EACpB,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,mDAAmD,EAE7D,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAC,EAAA,SAAS,EAAC,aAAa,EAAA,CAAG,EAC7B,CAAA,EAAA,CACK,EAChBD,IAAC,CAAA,aAAa,EACZ,EAAA,eAAe,EAAE,KAAK,EACtB,SAAS,EAAC,0GAA0G,EAGpH,QAAA,EAAA,CAAAC,GAAA,CAAC,YAAY,EAAC,EAAA,SAAS,EAAC,8EAA8E,EAAA,QAAA,EACpGD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtCA,GAAC,CAAA,WAAW,IAAC,SAAS,EAAC,oDAAoD,EACxE,QAAA,EAAA,WAAW,KAAK,OAAO;AACtB,8CAAE,CAAC,CAAC,mBAAmB,CAAC;AACxB,8CAAE,SAAS;AACT,kDAAE,CAAC,CAAC,uBAAuB,CAAC;AAC5B,kDAAE,CAAC,CAAC,sBAAsB,CAAC,EAAA,CACnB,EACV,CAAA,EACND,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EACrC,QAAA,EAAA,CAAA,WAAW,KAAK,OAAO,KACtBA,IAAC,CAAA,MAAM,EACL,EAAA,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAK;gDACZ,YAAY,CAAC,IAAI,CAAC,CAAC;gDACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gDACZ,MAAM,CAAC,EAAE,CAAC,CAAC;gDACX,QAAQ,CAAC,EAAE,CAAC,CAAC;gDACb,cAAc,CAAC,MAAM,CAAC,CAAC;6CACxB,EACD,SAAS,EAAC,mJAAmJ,aAE7JC,GAAC,CAAA,IAAI,IAAC,SAAS,EAAC,cAAc,EAAG,CAAA,EAChC,CAAC,CAAC,uBAAuB,CAAC,CACpB,EAAA,CAAA,CACV,EACA,WAAW,KAAK,MAAM,KACrBA,IAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,MAAM,cAAc,CAAC,OAAO,CAAC,EACtC,SAAS,EAAC,uEAAuE,YAEhF,CAAC,CAAC,kBAAkB,CAAC,EAAA,CACf,CACV,EACDA,GAAA,CAAC,WAAW,EAAC,EAAA,OAAO,kBAClBA,GACE,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,qGAAqG,EAAA,YAAA,EACpG,cAAI,EAEf,QAAA,EAAAA,GAAA,CAAC,CAAC,EAAC,EAAA,SAAS,EAAC,SAAS,EAAA,CAAG,GAClB,EACG,CAAA,CAAA,EAAA,CACV,IACF,EACO,CAAA,EAGfA,aAAK,SAAS,EAAC,gDAAgD,EAC5D,QAAA,EAAA,WAAW,KAAK,OAAO;;AAEtB,wBAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAC9B,QAAA,EAAA,OAAO,CAAC,MAAM,KAAK,CAAC,IACnBD,cAAK,SAAS,EAAC,iCAAiC,EAC9C,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gHAAgH,EAC7H,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAG,CAAA,EAAA,CAC1C,EACNA,GAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EAAA,QAAA,EACpD,CAAC,CAAC,sBAAsB,CAAC,EAAA,CACxB,EACJA,GAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,YACjC,CAAC,CAAC,wBAAwB,CAAC,GAC1B,CACA,EAAA,CAAA,KAENA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+GAA+G,YAC3H,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MACzBA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,kKAAkK,YAE5KD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,WAAW,aACxBA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,aACtCC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4IAA4I,YACxJ,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAChC,CAAA,EACNA,YAAI,SAAS,EAAC,uCAAuC,EAClD,QAAA,EAAA,MAAM,CAAC,IAAI,GACT,CACD,EAAA,CAAA,EAEND,cAAK,SAAS,EAAC,mBAAmB,EAChC,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sCAAsC,EACnD,QAAA,EAAA,CAAAC,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,4CAA4C,EAAG,CAAA,EAChEA,WACE,SAAS,EAAC,yDAAyD,EACnE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAA,QAAA,EAEhB,MAAM,CAAC,GAAG,GACT,CACA,EAAA,CAAA,EACND,cAAK,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,CACpDC,IAAC,GAAG,EAAA,EAAC,SAAS,EAAC,qCAAqC,GAAG,EACvDD,IAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,yDAAyD,EACnE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAA,QAAA,EAAA,CAEnB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAA,KAAA,CAAA,EAAA,CAC7B,CACA,EAAA,CAAA,CAAA,EAAA,CACF,EAENA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpCA,KAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,kBAAkB,CAAC,MAAM,CAAC,EACzC,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,4JAA4J,EAEtK,QAAA,EAAA,CAAAC,GAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAC,gBAAgB,EAAA,CAAG,EACnC,CAAC,CAAC,oBAAoB,CAAC,IACjB,EACTD,IAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,MAAM,gBAAgB,CAAC,MAAM,CAAC,EACvC,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,2GAA2G,EAErH,QAAA,EAAA,CAAAC,GAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAC,gBAAgB,EAAA,CAAG,EACnC,CAAC,CAAC,kBAAkB,CAAC,IACf,EACTD,IAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,MAAM,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,EAC5C,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,uGAAuG,aAEjHC,GAAC,CAAA,MAAM,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA,EACpC,CAAC,CAAC,oBAAoB,CAAC,CAAA,EAAA,CACjB,IACL,CACF,EAAA,CAAA,EAAA,EAjED,MAAM,CAAC,EAAE,CAkEV,CACP,CAAC,EACE,CAAA,CACP,GACG;;AAGN,wBAAAD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EACxB,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAC1B,QAAA,EAAA,CAAAA,IAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAA,CAC5EC,IAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAG,CAAA,EAC7C,CAAC,CAAC,uBAAuB,CAAC,CAAA,EAAA,CACrB,EACRA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,YACvBA,GAAC,CAAA,KAAK,IACJ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAsC,KAC/C,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEzB,WAAW,EAAE,CAAC,CAAC,6BAA6B,CAAC,EAC7C,SAAS,EAAC,2DAA2D,EAAA,CACrE,GACE,EACNA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8BAA8B,EACxC,QAAA,EAAA,CAAC,CAAC,sBAAsB,CAAC,GACxB,CACA,EAAA,CAAA,EAEND,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,aAAa,EAAA,QAAA,EAAA,CAC1BA,IAAC,CAAA,KAAK,IAAC,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAA,CAC5EC,IAAC,KAAK,EAAA,EAAC,SAAS,EAAC,uBAAuB,GAAG,EAC1C,CAAC,CAAC,sBAAsB,CAAC,CACpB,EAAA,CAAA,EACRA,aAAK,SAAS,EAAC,UAAU,EACvB,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,CAAsC,KAC/C,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAExB,WAAW,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAC5C,SAAS,EAAC,2DAA2D,EACrE,CAAA,EAAA,CACE,EACNA,GAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,8BAA8B,EAAA,QAAA,EACxC,CAAC,CAAC,qBAAqB,CAAC,EAAA,CACvB,IACA,EAEND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,aAC1BA,IAAC,CAAA,KAAK,EAAC,EAAA,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAA,CAC5EC,GAAC,CAAA,GAAG,IAAC,SAAS,EAAC,wBAAwB,EAAA,CAAG,EACzC,CAAC,CAAC,wBAAwB,CAAC,CAAA,EAAA,CACtB,EACRA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,UAAU,YACvBA,GAAC,CAAA,KAAK,EACJ,EAAA,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAsC,KAC/C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAE1B,WAAW,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAC9C,SAAS,EAAC,qEAAqE,EAC/E,CAAA,EAAA,CACE,EACNA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8BAA8B,YACxC,CAAC,CAAC,uBAAuB,CAAC,EAAA,CACzB,CACA,EAAA,CAAA,CAAA,EAAA,CACF,CACP,EACG,CAAA,EAGL,WAAW,KAAK,MAAM,KACrBD,IAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,qGAAqG,EAC3H,QAAA,EAAA,CAAAC,GAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAClB,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,wFAAwF,YAEjG,CAAC,CAAC,oBAAoB,CAAC,GACjB,EACG,CAAA,EACdA,IAAC,MAAM,EAAA,EACL,OAAO,EAAE,eAAe,EACxB,QAAQ,EACN,SAAS,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAE3D,SAAS,EAAC,oNAAoN,YAE7N,SAAS,IACRD,IACE,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAC,OAAO,EAAC,EAAA,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAChD,SAAS;AACR,8CAAE,CAAC,CAAC,oBAAoB,CAAC;AACzB,8CAAE,CAAC,CAAC,oBAAoB,CAAC,CAC1B,EAAA,CAAA,IACD,SAAS,IACX,CAAC,CAAC,kBAAkB,CAAC,KAErB,CAAC,CAAC,iBAAiB,CAAC,CACrB,GACM,CACI,EAAA,CAAA,CAChB,CACa,EAAA,CAAA,CAAA,EAAA,CACT,EACT;AACJ;;;;"}

package/dist/components/ThreadOptionsMenu.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var reactDropdownMenu = require('@radix-ui/react-dropdown-menu');
+var utils = require('../lib/utils.cjs');
+var React = require('react');
+var dialog = require('./ui/dialog.cjs');
+var input = require('./ui/input.cjs');
+var button = require('./ui/button.cjs');
+var useThread = require('../hooks/useThread.cjs');
+var ChatkitContext = require('../contexts/ChatkitContext.cjs');
+var WarningModal = require('./assistant-ui/WarningModal.cjs');
+var I18nContext = require('../contexts/I18nContext.cjs');
+
+// 在组件中添加状态管理
+const ThreadOptionsMenu = ({ threadId, onEditName, onDelete, className = '', }) => {
+    const { t } = I18nContext.useI18n();
+    React.useState(false);
+    const [showWarningModal, setShowWarningModal] = React.useState(false);
+    const [newThreadName, setNewThreadName] = React.useState('');
+    const { currentThread, threadList } = useThread();
+    const ref = ChatkitContext.useChatkitRef();
+    const handleSaveName = () => {
+        if (newThreadName.trim()) {
+            ref?.setThreadName(threadId, newThreadName.trim());
+            setShowEditDialog(false);
+        }
+    };
+    const handleDelete = () => {
+        setShowWarningModal(true);
+    };
+    const handleConfirmDelete = () => {
+        const selectableThreadList = threadList.filter(thread => thread.id !== threadId);
+        if (selectableThreadList.length === 0) {
+            console.warn('[warning]: cannot delete the last thread');
+            setShowWarningModal(false);
+            return;
+        }
+        ref?.setCurrentThread(selectableThreadList[0]?.id);
+        ref?.abortMessage(threadId);
+        ref?.deleteThread(threadId);
+        setShowWarningModal(false);
+    };
+    const [showEditDialog, setShowEditDialog] = React.useState(false);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(WarningModal.WarningModal, { open: showWarningModal, onOpenChange: setShowWarningModal, onConfirm: handleConfirmDelete }), jsxRuntime.jsx(dialog.Dialog, { open: showEditDialog, onOpenChange: setShowEditDialog, children: jsxRuntime.jsxs(dialog.DialogContent, { className: "sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden", children: [jsxRuntime.jsx(dialog.DialogHeader, { className: "space-y-3 pb-6", children: jsxRuntime.jsx(dialog.DialogTitle, { className: "text-2xl font-semibold text-gray-900 tracking-tight", children: t('threadOptions.editName') }) }), jsxRuntime.jsx("div", { className: "space-y-6 py-2", children: jsxRuntime.jsx("div", { className: "space-y-3", children: jsxRuntime.jsx(input.Input, { id: "thread-name", value: newThreadName, onChange: (e) => setNewThreadName(e.target.value), placeholder: t('threadOptions.inputNamePlaceholder'), maxLength: 100, className: "w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0", autoFocus: true, onKeyDown: (e) => {
+                                        if (e.key === 'Enter' && newThreadName.trim()) {
+                                            handleSaveName();
+                                        }
+                                    } }) }) }), jsxRuntime.jsxs(dialog.DialogFooter, { className: "flex gap-3 pt-6 border-t border-gray-100", children: [jsxRuntime.jsx(button.Button, { variant: "ghost", onClick: () => setShowEditDialog(false), className: "flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium", children: t('threadOptions.cancel') }), jsxRuntime.jsx(button.Button, { onClick: handleSaveName, disabled: !newThreadName.trim(), className: "flex-1 h-11 rounded-xl disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium", children: t('threadOptions.save') })] })] }) }), jsxRuntime.jsxs(reactDropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(reactDropdownMenu.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx("button", { className: utils.cn('flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors', className), "aria-label": `${t('thread.thread')} ${threadId} ${t('thread.options')}`, type: "button", children: jsxRuntime.jsx(lucideReact.Ellipsis, { className: "h-4 w-4 text-[#808388]" }) }) }), jsxRuntime.jsx(reactDropdownMenu.DropdownMenuContent, { align: "end", className: "bg-white py-[8px] px-[6px] rounded-[8px]", children: jsxRuntime.jsxs(reactDropdownMenu.DropdownMenuItem, { disabled: threadList.length === 1, className: utils.cn('cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]', {
+                                'cursor-not-allowed text-[#808388] opacity-50': threadList.length === 1,
+                            }), onClick: (e) => {
+                                e.stopPropagation();
+                                if (threadList.length === 1) {
+                                    return;
+                                }
+                                handleDelete();
+                            }, children: [jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 h-4 w-4" }), jsxRuntime.jsx("span", { className: "mr-4", children: t('threadOptions.deleteChat') })] }) })] })] }));
+};
+
+module.exports = ThreadOptionsMenu;
+//# sourceMappingURL=ThreadOptionsMenu.cjs.map

package/dist/components/ThreadOptionsMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadOptionsMenu.cjs","sources":["../../src/components/ThreadOptionsMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { Ellipsis } from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@radix-ui/react-dropdown-menu';\nimport { Trash2 } from 'lucide-react';\nimport { cn } from '@/lib/utils';\nimport Edit from '@/assets/Edit';\n\ninterface ThreadOptionsMenuProps {\n  threadId: string;\n  onEditName?: () => void;\n  onDelete?: () => void;\n  className?: string;\n}\n\n// 首先添加必要的导入\nimport { useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/components/ui/dialog';\nimport { Input } from '@/components/ui/input';\nimport { Button } from '@/components/ui/button';\nimport { createDialogScope } from '@radix-ui/react-dialog';\nimport useThread from '@/hooks/useThread';\nimport { useChatkitRef } from '@/contexts/ChatkitContext';\nimport { toast } from '@/hooks/use-toast';\nimport { WarningModal } from '@/components/assistant-ui/WarningModal';\nimport { useI18n } from '@/contexts/I18nContext';\n\n// 在组件中添加状态管理\nconst ThreadOptionsMenu: React.FC<ThreadOptionsMenuProps> = ({\n  threadId,\n  onEditName,\n  onDelete,\n  className = '',\n}) => {\n  const { t } = useI18n();\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const [showWarningModal, setShowWarningModal] = useState(false);\n  const [newThreadName, setNewThreadName] = useState('');\n\n  const handleEditName = () => {\n    // 设置默认名称（这里可以从props中获取）\n    setNewThreadName(currentThread?.name || ``);\n    setShowEditDialog(true);\n  };\n\n  const { currentThread, threadList } = useThread();\n\n  const ref = useChatkitRef();\n  const handleSaveName = () => {\n    if (newThreadName.trim()) {\n      ref?.setThreadName(threadId, newThreadName.trim());\n      setShowEditDialog(false);\n    }\n  };\n\n  const handleDelete = () => {\n    setShowWarningModal(true);\n  };\n\n  const handleConfirmDelete = () => {\n    const selectableThreadList = threadList.filter(\n      thread => thread.id !== threadId,\n    );\n    if (selectableThreadList.length === 0) {\n      console.warn('[warning]: cannot delete the last thread');\n      setShowWarningModal(false);\n      return;\n    }\n    ref?.setCurrentThread(selectableThreadList[0]?.id);\n    ref?.abortMessage(threadId);\n    ref?.deleteThread(threadId);\n    setShowWarningModal(false);\n  };\n\n  const [showEditDialog, setShowEditDialog] = useState(false);\n  return (\n    <>\n      <WarningModal\n        open={showWarningModal}\n        onOpenChange={setShowWarningModal}\n        onConfirm={handleConfirmDelete}\n      />\n      <Dialog open={showEditDialog} onOpenChange={setShowEditDialog}>\n        <DialogContent className=\"sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden\">\n          <DialogHeader className=\"space-y-3 pb-6\">\n            <DialogTitle className=\"text-2xl font-semibold text-gray-900 tracking-tight\">\n              {t('threadOptions.editName')}\n            </DialogTitle>\n          </DialogHeader>\n\n          <div className=\"space-y-6 py-2\">\n            <div className=\"space-y-3\">\n              <Input\n                id=\"thread-name\"\n                value={newThreadName}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                  setNewThreadName(e.target.value)\n                }\n                placeholder={t('threadOptions.inputNamePlaceholder')}\n                maxLength={100}\n                className=\"w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0\"\n                autoFocus\n                onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                  if (e.key === 'Enter' && newThreadName.trim()) {\n                    handleSaveName();\n                  }\n                }}\n              />\n            </div>\n          </div>\n\n          <DialogFooter className=\"flex gap-3 pt-6 border-t border-gray-100\">\n            <Button\n              variant=\"ghost\"\n              onClick={() => setShowEditDialog(false)}\n              className=\"flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium\"\n            >\n              {t('threadOptions.cancel')}\n            </Button>\n            <Button\n              onClick={handleSaveName}\n              disabled={!newThreadName.trim()}\n              className=\"flex-1 h-11 rounded-xl disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium\"\n            >\n              {t('threadOptions.save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            className={cn(\n              'flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors',\n              className,\n            )}\n            aria-label={`${t('thread.thread')} ${threadId} ${t('thread.options')}`}\n            type=\"button\"\n          >\n            <Ellipsis className=\"h-4 w-4 text-[#808388]\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          align=\"end\"\n          className=\"bg-white py-[8px] px-[6px] rounded-[8px]\"\n        >\n          <DropdownMenuItem\n            disabled={threadList.length === 1}\n            className={cn(\n              'cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]',\n              {\n                'cursor-not-allowed text-[#808388] opacity-50':\n                  threadList.length === 1,\n              },\n            )}\n            onClick={(e: React.MouseEvent<HTMLDivElement>) => {\n              e.stopPropagation();\n              if (threadList.length === 1) {\n                return;\n              }\n              handleDelete();\n            }}\n          >\n            <Trash2 className=\"mr-2 h-4 w-4\" />\n            <span className=\"mr-4\">{t('threadOptions.deleteChat')}</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </>\n  );\n};\n\nexport default ThreadOptionsMenu;\n"],"names":["useI18n","useState","useChatkitRef","_jsxs","_Fragment","_jsx","WarningModal","Dialog","DialogContent","DialogHeader","DialogTitle","Input","DialogFooter","Button","DropdownMenu","DropdownMenuTrigger","cn","Ellipsis","DropdownMenuContent","DropdownMenuItem","Trash2"],"mappings":"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"}

package/dist/components/ThreadOptionsMenu.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface ThreadOptionsMenuProps {
     threadId: string;
     onEditName?: () => void;

package/dist/components/ThreadOptionsMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadOptionsMenu.d.ts","sourceRoot":"","sources":["../../src/components/ThreadOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwLvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ThreadOptionsMenu.d.ts","sourceRoot":"","sources":["../../src/components/ThreadOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8IvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/ThreadOptionsMenu.js

@@ -0,0 +1,60 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Ellipsis, Trash2 } from 'lucide-react';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@radix-ui/react-dropdown-menu';
+import { cn } from '../lib/utils.js';
+import { useState } from 'react';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './ui/dialog.js';
+import { Input } from './ui/input.js';
+import { Button } from './ui/button.js';
+import useThread from '../hooks/useThread.js';
+import { useChatkitRef } from '../contexts/ChatkitContext.js';
+import { WarningModal } from './assistant-ui/WarningModal.js';
+import { useI18n } from '../contexts/I18nContext.js';
+
+// 在组件中添加状态管理
+const ThreadOptionsMenu = ({ threadId, onEditName, onDelete, className = '', }) => {
+    const { t } = useI18n();
+    useState(false);
+    const [showWarningModal, setShowWarningModal] = useState(false);
+    const [newThreadName, setNewThreadName] = useState('');
+    const { currentThread, threadList } = useThread();
+    const ref = useChatkitRef();
+    const handleSaveName = () => {
+        if (newThreadName.trim()) {
+            ref?.setThreadName(threadId, newThreadName.trim());
+            setShowEditDialog(false);
+        }
+    };
+    const handleDelete = () => {
+        setShowWarningModal(true);
+    };
+    const handleConfirmDelete = () => {
+        const selectableThreadList = threadList.filter(thread => thread.id !== threadId);
+        if (selectableThreadList.length === 0) {
+            console.warn('[warning]: cannot delete the last thread');
+            setShowWarningModal(false);
+            return;
+        }
+        ref?.setCurrentThread(selectableThreadList[0]?.id);
+        ref?.abortMessage(threadId);
+        ref?.deleteThread(threadId);
+        setShowWarningModal(false);
+    };
+    const [showEditDialog, setShowEditDialog] = useState(false);
+    return (jsxs(Fragment, { children: [jsx(WarningModal, { open: showWarningModal, onOpenChange: setShowWarningModal, onConfirm: handleConfirmDelete }), jsx(Dialog, { open: showEditDialog, onOpenChange: setShowEditDialog, children: jsxs(DialogContent, { className: "sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden", children: [jsx(DialogHeader, { className: "space-y-3 pb-6", children: jsx(DialogTitle, { className: "text-2xl font-semibold text-gray-900 tracking-tight", children: t('threadOptions.editName') }) }), jsx("div", { className: "space-y-6 py-2", children: jsx("div", { className: "space-y-3", children: jsx(Input, { id: "thread-name", value: newThreadName, onChange: (e) => setNewThreadName(e.target.value), placeholder: t('threadOptions.inputNamePlaceholder'), maxLength: 100, className: "w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0", autoFocus: true, onKeyDown: (e) => {
+                                        if (e.key === 'Enter' && newThreadName.trim()) {
+                                            handleSaveName();
+                                        }
+                                    } }) }) }), jsxs(DialogFooter, { className: "flex gap-3 pt-6 border-t border-gray-100", children: [jsx(Button, { variant: "ghost", onClick: () => setShowEditDialog(false), className: "flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium", children: t('threadOptions.cancel') }), jsx(Button, { onClick: handleSaveName, disabled: !newThreadName.trim(), className: "flex-1 h-11 rounded-xl disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium", children: t('threadOptions.save') })] })] }) }), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx("button", { className: cn('flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors', className), "aria-label": `${t('thread.thread')} ${threadId} ${t('thread.options')}`, type: "button", children: jsx(Ellipsis, { className: "h-4 w-4 text-[#808388]" }) }) }), jsx(DropdownMenuContent, { align: "end", className: "bg-white py-[8px] px-[6px] rounded-[8px]", children: jsxs(DropdownMenuItem, { disabled: threadList.length === 1, className: cn('cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]', {
+                                'cursor-not-allowed text-[#808388] opacity-50': threadList.length === 1,
+                            }), onClick: (e) => {
+                                e.stopPropagation();
+                                if (threadList.length === 1) {
+                                    return;
+                                }
+                                handleDelete();
+                            }, children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), jsx("span", { className: "mr-4", children: t('threadOptions.deleteChat') })] }) })] })] }));
+};
+
+export { ThreadOptionsMenu as default };
+//# sourceMappingURL=ThreadOptionsMenu.js.map

package/dist/components/ThreadOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadOptionsMenu.js","sources":["../../src/components/ThreadOptionsMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { Ellipsis } from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@radix-ui/react-dropdown-menu';\nimport { Trash2 } from 'lucide-react';\nimport { cn } from '@/lib/utils';\nimport Edit from '@/assets/Edit';\n\ninterface ThreadOptionsMenuProps {\n  threadId: string;\n  onEditName?: () => void;\n  onDelete?: () => void;\n  className?: string;\n}\n\n// 首先添加必要的导入\nimport { useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/components/ui/dialog';\nimport { Input } from '@/components/ui/input';\nimport { Button } from '@/components/ui/button';\nimport { createDialogScope } from '@radix-ui/react-dialog';\nimport useThread from '@/hooks/useThread';\nimport { useChatkitRef } from '@/contexts/ChatkitContext';\nimport { toast } from '@/hooks/use-toast';\nimport { WarningModal } from '@/components/assistant-ui/WarningModal';\nimport { useI18n } from '@/contexts/I18nContext';\n\n// 在组件中添加状态管理\nconst ThreadOptionsMenu: React.FC<ThreadOptionsMenuProps> = ({\n  threadId,\n  onEditName,\n  onDelete,\n  className = '',\n}) => {\n  const { t } = useI18n();\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const [showWarningModal, setShowWarningModal] = useState(false);\n  const [newThreadName, setNewThreadName] = useState('');\n\n  const handleEditName = () => {\n    // 设置默认名称（这里可以从props中获取）\n    setNewThreadName(currentThread?.name || ``);\n    setShowEditDialog(true);\n  };\n\n  const { currentThread, threadList } = useThread();\n\n  const ref = useChatkitRef();\n  const handleSaveName = () => {\n    if (newThreadName.trim()) {\n      ref?.setThreadName(threadId, newThreadName.trim());\n      setShowEditDialog(false);\n    }\n  };\n\n  const handleDelete = () => {\n    setShowWarningModal(true);\n  };\n\n  const handleConfirmDelete = () => {\n    const selectableThreadList = threadList.filter(\n      thread => thread.id !== threadId,\n    );\n    if (selectableThreadList.length === 0) {\n      console.warn('[warning]: cannot delete the last thread');\n      setShowWarningModal(false);\n      return;\n    }\n    ref?.setCurrentThread(selectableThreadList[0]?.id);\n    ref?.abortMessage(threadId);\n    ref?.deleteThread(threadId);\n    setShowWarningModal(false);\n  };\n\n  const [showEditDialog, setShowEditDialog] = useState(false);\n  return (\n    <>\n      <WarningModal\n        open={showWarningModal}\n        onOpenChange={setShowWarningModal}\n        onConfirm={handleConfirmDelete}\n      />\n      <Dialog open={showEditDialog} onOpenChange={setShowEditDialog}>\n        <DialogContent className=\"sm:max-w-[480px] border-none shadow-2xl rounded-2xl overflow-hidden\">\n          <DialogHeader className=\"space-y-3 pb-6\">\n            <DialogTitle className=\"text-2xl font-semibold text-gray-900 tracking-tight\">\n              {t('threadOptions.editName')}\n            </DialogTitle>\n          </DialogHeader>\n\n          <div className=\"space-y-6 py-2\">\n            <div className=\"space-y-3\">\n              <Input\n                id=\"thread-name\"\n                value={newThreadName}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                  setNewThreadName(e.target.value)\n                }\n                placeholder={t('threadOptions.inputNamePlaceholder')}\n                maxLength={100}\n                className=\"w-full h-11 px-4 border-2 border-gray-200 rounded-xl transition-all duration-200 focus:border-blue-400 focus:ring-4 focus:ring-blue-50 focus-visible:ring-offset-0\"\n                autoFocus\n                onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\n                  if (e.key === 'Enter' && newThreadName.trim()) {\n                    handleSaveName();\n                  }\n                }}\n              />\n            </div>\n          </div>\n\n          <DialogFooter className=\"flex gap-3 pt-6 border-t border-gray-100\">\n            <Button\n              variant=\"ghost\"\n              onClick={() => setShowEditDialog(false)}\n              className=\"flex-1 h-11 rounded-xl hover:bg-gray-100 transition-all duration-200 font-medium\"\n            >\n              {t('threadOptions.cancel')}\n            </Button>\n            <Button\n              onClick={handleSaveName}\n              disabled={!newThreadName.trim()}\n              className=\"flex-1 h-11 rounded-xl disabled:from-gray-300 disabled:to-gray-300 disabled:cursor-not-allowed shadow-md hover:shadow-lg transition-all duration-200 font-medium\"\n            >\n              {t('threadOptions.save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <button\n            className={cn(\n              'flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 transition-colors',\n              className,\n            )}\n            aria-label={`${t('thread.thread')} ${threadId} ${t('thread.options')}`}\n            type=\"button\"\n          >\n            <Ellipsis className=\"h-4 w-4 text-[#808388]\" />\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          align=\"end\"\n          className=\"bg-white py-[8px] px-[6px] rounded-[8px]\"\n        >\n          <DropdownMenuItem\n            disabled={threadList.length === 1}\n            className={cn(\n              'cursor-pointer flex items-center hover:bg-[rgba(46,50,56,0.05)] px-2 py-1 rounded-[4px]',\n              {\n                'cursor-not-allowed text-[#808388] opacity-50':\n                  threadList.length === 1,\n              },\n            )}\n            onClick={(e: React.MouseEvent<HTMLDivElement>) => {\n              e.stopPropagation();\n              if (threadList.length === 1) {\n                return;\n              }\n              handleDelete();\n            }}\n          >\n            <Trash2 className=\"mr-2 h-4 w-4\" />\n            <span className=\"mr-4\">{t('threadOptions.deleteChat')}</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </>\n  );\n};\n\nexport default ThreadOptionsMenu;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/VoiceInput/index.cjs

@@ -3,28 +3,29 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var button = require('../ui/button.cjs');
+var lucideReact = require('lucide-react');
 var tooltip = require('../ui/tooltip.cjs');
-var ChatkitContext = require('../../contexts/ChatkitContext.cjs');
-var micOff = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/mic-off.cjs');
-var mic = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/mic.cjs');
+var react = require('@assistant-ui/react');
+var I18nContext = require('../../contexts/I18nContext.cjs');
 
 const VoiceInput = () => {
-    const [transcript, setTranscript] = React.useState("");
+    const [transcript, setTranscript] = React.useState('');
     const [isListening, setIsListening] = React.useState(false);
     const [error, setError] = React.useState(null);
     const recognitionRef = React.useRef(null);
-    const ref = ChatkitContext.useChatkitRef();
+    const assistantApi = react.useAssistantApi();
+    const { t, locale } = I18nContext.useI18n();
     React.useEffect(() => {
         // 检查浏览器支持
         const SpeechRecognition = window.SpeechRecognition ||
             window.webkitSpeechRecognition;
         if (!SpeechRecognition) {
-            setError("您的浏览器不支持语音识别功能，请使用最新版 Chrome 浏览器");
+            setError(t('voiceInput.notSupported'));
             return;
         }
         // 初始化识别实例
         const recognition = new SpeechRecognition();
-        recognition.lang = "zh-CN"; // 设置为中文识别
+        recognition.lang = locale; // 设置为当前语言识别
         recognition.interimResults = true; // 实时返回结果
         recognition.continuous = false; // 单次识别模式
         // 处理识别结果
@@ -32,7 +33,7 @@ const VoiceInput = () => {
             if (event.results.length > 0) {
                 const currentResult = event.results[0][0].transcript;
                 setTranscript(currentResult);
-                ref.current?.setInput(currentResult);
+                assistantApi.composer().setText(currentResult);
             }
         };
         // 识别结束时重置状态
@@ -44,32 +45,32 @@ const VoiceInput = () => {
         return () => {
             recognition.stop();
         };
-    }, []);
+    }, [locale]);
     const startListening = () => {
         if (!recognitionRef.current || isListening)
             return;
         try {
             setIsListening(true);
-            setTranscript("");
+            setTranscript('');
             recognitionRef.current.start();
         }
         catch (err) {
-            setError("启动语音识别失败，请稍后重试");
+            setError(t('voiceInput.startFailed'));
             setIsListening(false);
-            console.error("语音识别启动错误:", err);
+            console.error('语音识别启动错误:', err);
         }
     };
     const stopListening = async () => {
         if (!recognitionRef.current || !isListening)
             return;
-        await new Promise((resolve) => setTimeout(resolve, 1000));
+        await new Promise(resolve => setTimeout(resolve, 1000));
         recognitionRef.current.stop();
         setIsListening(false);
-        ref.current?.setInput(transcript);
+        assistantApi.composer().setText(transcript);
     };
-    return (jsxRuntime.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: isListening ? "destructive" : "ghost", size: "icon", onClick: isListening ? stopListening : startListening, disabled: !!error, className: `w-10 h-10 transition-all duration-200 ${isListening
-                            ? "bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8"
-                            : ""}`, children: isListening ? (jsxRuntime.jsx(micOff.default, { className: "h-5 w-5" })) : (jsxRuntime.jsx(mic.default, { className: "h-5 w-5" })) }) }), jsxRuntime.jsx(tooltip.TooltipContent, { children: jsxRuntime.jsx("p", { children: isListening ? "停止录音" : "语音输入" }) })] }) }));
+    return (jsxRuntime.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: isListening ? 'destructive' : 'ghost', size: "icon", onClick: isListening ? stopListening : startListening, disabled: !!error, className: `transition-all duration-200 size-[16px] ${isListening
+                            ? 'bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8'
+                            : ''}`, children: isListening ? (jsxRuntime.jsx(lucideReact.MicOff, { className: "size-[16px]" })) : (jsxRuntime.jsx(lucideReact.Mic, { className: "size-[16px]" })) }) }), jsxRuntime.jsx(tooltip.TooltipContent, { children: jsxRuntime.jsx("p", { children: isListening ? t('voiceInput.stop') : t('voiceInput.start') }) })] }) }));
 };
 
 module.exports = VoiceInput;

package/dist/components/VoiceInput/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/VoiceInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Mic, MicOff } from \"lucide-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { useChatkitRef } from \"@/contexts/ChatkitContext\";\n\n// 定义语音识别相关类型\ninterface SpeechRecognitionEvent extends Event {\n  results: SpeechRecognitionResultList;\n}\n\ninterface SpeechRecognitionResultList {\n  [index: number]: SpeechRecognitionResult;\n  length: number;\n}\n\ninterface SpeechRecognitionResult {\n  [index: number]: SpeechRecognitionAlternative;\n  isFinal: boolean;\n  length: number;\n}\n\ninterface SpeechRecognitionAlternative {\n  transcript: string;\n  confidence: number;\n}\n\ninterface SpeechRecognition extends EventTarget {\n  lang: string;\n  interimResults: boolean;\n  continuous: boolean;\n  onresult: ((event: SpeechRecognitionEvent) => void) | null;\n  onend: (() => void) | null;\n  start: () => void;\n  stop: () => void;\n}\n\nconst VoiceInput: React.FC = () => {\n  const [transcript, setTranscript] = useState<string>(\"\");\n  const [isListening, setIsListening] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const recognitionRef = useRef<SpeechRecognition | null>(null);\n  const ref = useChatkitRef();\n  useEffect(() => {\n    // 检查浏览器支持\n    const SpeechRecognition =\n      (window as any).SpeechRecognition ||\n      (window as any).webkitSpeechRecognition;\n\n    if (!SpeechRecognition) {\n      setError(\"您的浏览器不支持语音识别功能，请使用最新版 Chrome 浏览器\");\n      return;\n    }\n\n    // 初始化识别实例\n    const recognition = new SpeechRecognition() as SpeechRecognition;\n    recognition.lang = \"zh-CN\"; // 设置为中文识别\n    recognition.interimResults = true; // 实时返回结果\n    recognition.continuous = false; // 单次识别模式\n\n    // 处理识别结果\n    recognition.onresult = (event: SpeechRecognitionEvent) => {\n      if (event.results.length > 0) {\n        const currentResult = event.results[0][0].transcript;\n        setTranscript(currentResult);\n        ref.current?.setInput(currentResult);\n      }\n    };\n\n    // 识别结束时重置状态\n    recognition.onend = () => {\n      setIsListening(false);\n    };\n\n    recognitionRef.current = recognition;\n\n    // 清理函数\n    return () => {\n      recognition.stop();\n    };\n  }, []);\n\n  const startListening = () => {\n    if (!recognitionRef.current || isListening) return;\n\n    try {\n      setIsListening(true);\n      setTranscript(\"\");\n      recognitionRef.current.start();\n    } catch (err) {\n      setError(\"启动语音识别失败，请稍后重试\");\n      setIsListening(false);\n      console.error(\"语音识别启动错误:\", err);\n    }\n  };\n  const stopListening = async () => {\n    if (!recognitionRef.current || !isListening) return;\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n\n    recognitionRef.current.stop();\n    setIsListening(false);\n    ref.current?.setInput(transcript);\n  };\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant={isListening ? \"destructive\" : \"ghost\"}\n            size=\"icon\"\n            onClick={isListening ? stopListening : startListening}\n            disabled={!!error}\n            className={`w-10 h-10 transition-all duration-200 ${\n              isListening\n                ? \"bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8\"\n                : \"\"\n            }`}\n          >\n            {isListening ? (\n              <MicOff className=\"h-5 w-5\" />\n            ) : (\n              <Mic className=\"h-5 w-5\" />\n            )}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{isListening ? \"停止录音\" : \"语音输入\"}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nexport default VoiceInput;\n"],"names":["useState","useRef","useChatkitRef","useEffect","_jsx","TooltipProvider","_jsxs","Tooltip","TooltipTrigger","Button","MicOff","Mic","TooltipContent"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/VoiceInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { Button } from '@/components/ui/button';\nimport { Mic, MicOff } from 'lucide-react';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/ui/tooltip';\nimport { useChatkitRef } from '@/contexts/ChatkitContext';\nimport { useAssistantApi } from '@assistant-ui/react';\nimport { useI18n } from '@/contexts/I18nContext';\n\n// 定义语音识别相关类型\ninterface SpeechRecognitionEvent extends Event {\n  results: SpeechRecognitionResultList;\n}\n\ninterface SpeechRecognitionResultList {\n  [index: number]: SpeechRecognitionResult;\n  length: number;\n}\n\ninterface SpeechRecognitionResult {\n  [index: number]: SpeechRecognitionAlternative;\n  isFinal: boolean;\n  length: number;\n}\n\ninterface SpeechRecognitionAlternative {\n  transcript: string;\n  confidence: number;\n}\n\ninterface SpeechRecognition extends EventTarget {\n  lang: string;\n  interimResults: boolean;\n  continuous: boolean;\n  onresult: ((event: SpeechRecognitionEvent) => void) | null;\n  onend: (() => void) | null;\n  start: () => void;\n  stop: () => void;\n}\n\nconst VoiceInput: React.FC = () => {\n  const [transcript, setTranscript] = useState<string>('');\n  const [isListening, setIsListening] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const recognitionRef = useRef<SpeechRecognition | null>(null);\n  const assistantApi = useAssistantApi();\n  const { t, locale } = useI18n();\n  useEffect(() => {\n    // 检查浏览器支持\n    const SpeechRecognition =\n      (window as any).SpeechRecognition ||\n      (window as any).webkitSpeechRecognition;\n\n    if (!SpeechRecognition) {\n      setError(t('voiceInput.notSupported'));\n      return;\n    }\n\n    // 初始化识别实例\n    const recognition = new SpeechRecognition() as SpeechRecognition;\n    recognition.lang = locale; // 设置为当前语言识别\n    recognition.interimResults = true; // 实时返回结果\n    recognition.continuous = false; // 单次识别模式\n\n    // 处理识别结果\n    recognition.onresult = (event: SpeechRecognitionEvent) => {\n      if (event.results.length > 0) {\n        const currentResult = event.results[0][0].transcript;\n        setTranscript(currentResult);\n        assistantApi.composer().setText(currentResult);\n      }\n    };\n\n    // 识别结束时重置状态\n    recognition.onend = () => {\n      setIsListening(false);\n    };\n\n    recognitionRef.current = recognition;\n\n    // 清理函数\n    return () => {\n      recognition.stop();\n    };\n  }, [locale]);\n\n  const startListening = () => {\n    if (!recognitionRef.current || isListening) return;\n\n    try {\n      setIsListening(true);\n      setTranscript('');\n      recognitionRef.current.start();\n    } catch (err) {\n      setError(t('voiceInput.startFailed'));\n      setIsListening(false);\n      console.error('语音识别启动错误:', err);\n    }\n  };\n  const stopListening = async () => {\n    if (!recognitionRef.current || !isListening) return;\n    await new Promise(resolve => setTimeout(resolve, 1000));\n\n    recognitionRef.current.stop();\n    setIsListening(false);\n    assistantApi.composer().setText(transcript);\n  };\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant={isListening ? 'destructive' : 'ghost'}\n            size=\"icon\"\n            onClick={isListening ? stopListening : startListening}\n            disabled={!!error}\n            className={`transition-all duration-200 size-[16px] ${\n              isListening\n                ? 'bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8'\n                : ''\n            }`}\n          >\n            {isListening ? (\n              <MicOff className=\"size-[16px]\" />\n            ) : (\n              <Mic className=\"size-[16px]\" />\n            )}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{isListening ? t('voiceInput.stop') : t('voiceInput.start')}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nexport default VoiceInput;\n"],"names":["useState","useRef","useAssistantApi","useI18n","useEffect","_jsx","TooltipProvider","_jsxs","Tooltip","TooltipTrigger","Button","MicOff","Mic","TooltipContent"],"mappings":"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"}

package/dist/components/VoiceInput/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare const VoiceInput: React.FC;
 export default VoiceInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/VoiceInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA0C3D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EA+FvB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA4C3D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAgGvB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/VoiceInput/index.js

@@ -1,28 +1,29 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import { Button } from '../ui/button.js';
+import { MicOff, Mic } from 'lucide-react';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
-import { useChatkitRef } from '../../contexts/ChatkitContext.js';
-import MicOff from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/mic-off.js';
-import Mic from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/mic.js';
+import { useAssistantApi } from '@assistant-ui/react';
+import { useI18n } from '../../contexts/I18nContext.js';
 
 const VoiceInput = () => {
-    const [transcript, setTranscript] = useState("");
+    const [transcript, setTranscript] = useState('');
     const [isListening, setIsListening] = useState(false);
     const [error, setError] = useState(null);
     const recognitionRef = useRef(null);
-    const ref = useChatkitRef();
+    const assistantApi = useAssistantApi();
+    const { t, locale } = useI18n();
     useEffect(() => {
         // 检查浏览器支持
         const SpeechRecognition = window.SpeechRecognition ||
             window.webkitSpeechRecognition;
         if (!SpeechRecognition) {
-            setError("您的浏览器不支持语音识别功能，请使用最新版 Chrome 浏览器");
+            setError(t('voiceInput.notSupported'));
             return;
         }
         // 初始化识别实例
         const recognition = new SpeechRecognition();
-        recognition.lang = "zh-CN"; // 设置为中文识别
+        recognition.lang = locale; // 设置为当前语言识别
         recognition.interimResults = true; // 实时返回结果
         recognition.continuous = false; // 单次识别模式
         // 处理识别结果
@@ -30,7 +31,7 @@ const VoiceInput = () => {
             if (event.results.length > 0) {
                 const currentResult = event.results[0][0].transcript;
                 setTranscript(currentResult);
-                ref.current?.setInput(currentResult);
+                assistantApi.composer().setText(currentResult);
             }
         };
         // 识别结束时重置状态
@@ -42,32 +43,32 @@ const VoiceInput = () => {
         return () => {
             recognition.stop();
         };
-    }, []);
+    }, [locale]);
     const startListening = () => {
         if (!recognitionRef.current || isListening)
             return;
         try {
             setIsListening(true);
-            setTranscript("");
+            setTranscript('');
             recognitionRef.current.start();
         }
         catch (err) {
-            setError("启动语音识别失败，请稍后重试");
+            setError(t('voiceInput.startFailed'));
             setIsListening(false);
-            console.error("语音识别启动错误:", err);
+            console.error('语音识别启动错误:', err);
         }
     };
     const stopListening = async () => {
         if (!recognitionRef.current || !isListening)
             return;
-        await new Promise((resolve) => setTimeout(resolve, 1000));
+        await new Promise(resolve => setTimeout(resolve, 1000));
         recognitionRef.current.stop();
         setIsListening(false);
-        ref.current?.setInput(transcript);
+        assistantApi.composer().setText(transcript);
     };
-    return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { variant: isListening ? "destructive" : "ghost", size: "icon", onClick: isListening ? stopListening : startListening, disabled: !!error, className: `w-10 h-10 transition-all duration-200 ${isListening
-                            ? "bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8"
-                            : ""}`, children: isListening ? (jsx(MicOff, { className: "h-5 w-5" })) : (jsx(Mic, { className: "h-5 w-5" })) }) }), jsx(TooltipContent, { children: jsx("p", { children: isListening ? "停止录音" : "语音输入" }) })] }) }));
+    return (jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { variant: isListening ? 'destructive' : 'ghost', size: "icon", onClick: isListening ? stopListening : startListening, disabled: !!error, className: `transition-all duration-200 size-[16px] ${isListening
+                            ? 'bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8'
+                            : ''}`, children: isListening ? (jsx(MicOff, { className: "size-[16px]" })) : (jsx(Mic, { className: "size-[16px]" })) }) }), jsx(TooltipContent, { children: jsx("p", { children: isListening ? t('voiceInput.stop') : t('voiceInput.start') }) })] }) }));
 };
 
 export { VoiceInput as default };

package/dist/components/VoiceInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/VoiceInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Mic, MicOff } from \"lucide-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { useChatkitRef } from \"@/contexts/ChatkitContext\";\n\n// 定义语音识别相关类型\ninterface SpeechRecognitionEvent extends Event {\n  results: SpeechRecognitionResultList;\n}\n\ninterface SpeechRecognitionResultList {\n  [index: number]: SpeechRecognitionResult;\n  length: number;\n}\n\ninterface SpeechRecognitionResult {\n  [index: number]: SpeechRecognitionAlternative;\n  isFinal: boolean;\n  length: number;\n}\n\ninterface SpeechRecognitionAlternative {\n  transcript: string;\n  confidence: number;\n}\n\ninterface SpeechRecognition extends EventTarget {\n  lang: string;\n  interimResults: boolean;\n  continuous: boolean;\n  onresult: ((event: SpeechRecognitionEvent) => void) | null;\n  onend: (() => void) | null;\n  start: () => void;\n  stop: () => void;\n}\n\nconst VoiceInput: React.FC = () => {\n  const [transcript, setTranscript] = useState<string>(\"\");\n  const [isListening, setIsListening] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const recognitionRef = useRef<SpeechRecognition | null>(null);\n  const ref = useChatkitRef();\n  useEffect(() => {\n    // 检查浏览器支持\n    const SpeechRecognition =\n      (window as any).SpeechRecognition ||\n      (window as any).webkitSpeechRecognition;\n\n    if (!SpeechRecognition) {\n      setError(\"您的浏览器不支持语音识别功能，请使用最新版 Chrome 浏览器\");\n      return;\n    }\n\n    // 初始化识别实例\n    const recognition = new SpeechRecognition() as SpeechRecognition;\n    recognition.lang = \"zh-CN\"; // 设置为中文识别\n    recognition.interimResults = true; // 实时返回结果\n    recognition.continuous = false; // 单次识别模式\n\n    // 处理识别结果\n    recognition.onresult = (event: SpeechRecognitionEvent) => {\n      if (event.results.length > 0) {\n        const currentResult = event.results[0][0].transcript;\n        setTranscript(currentResult);\n        ref.current?.setInput(currentResult);\n      }\n    };\n\n    // 识别结束时重置状态\n    recognition.onend = () => {\n      setIsListening(false);\n    };\n\n    recognitionRef.current = recognition;\n\n    // 清理函数\n    return () => {\n      recognition.stop();\n    };\n  }, []);\n\n  const startListening = () => {\n    if (!recognitionRef.current || isListening) return;\n\n    try {\n      setIsListening(true);\n      setTranscript(\"\");\n      recognitionRef.current.start();\n    } catch (err) {\n      setError(\"启动语音识别失败，请稍后重试\");\n      setIsListening(false);\n      console.error(\"语音识别启动错误:\", err);\n    }\n  };\n  const stopListening = async () => {\n    if (!recognitionRef.current || !isListening) return;\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n\n    recognitionRef.current.stop();\n    setIsListening(false);\n    ref.current?.setInput(transcript);\n  };\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant={isListening ? \"destructive\" : \"ghost\"}\n            size=\"icon\"\n            onClick={isListening ? stopListening : startListening}\n            disabled={!!error}\n            className={`w-10 h-10 transition-all duration-200 ${\n              isListening\n                ? \"bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8\"\n                : \"\"\n            }`}\n          >\n            {isListening ? (\n              <MicOff className=\"h-5 w-5\" />\n            ) : (\n              <Mic className=\"h-5 w-5\" />\n            )}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{isListening ? \"停止录音\" : \"语音输入\"}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nexport default VoiceInput;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/VoiceInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { Button } from '@/components/ui/button';\nimport { Mic, MicOff } from 'lucide-react';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/ui/tooltip';\nimport { useChatkitRef } from '@/contexts/ChatkitContext';\nimport { useAssistantApi } from '@assistant-ui/react';\nimport { useI18n } from '@/contexts/I18nContext';\n\n// 定义语音识别相关类型\ninterface SpeechRecognitionEvent extends Event {\n  results: SpeechRecognitionResultList;\n}\n\ninterface SpeechRecognitionResultList {\n  [index: number]: SpeechRecognitionResult;\n  length: number;\n}\n\ninterface SpeechRecognitionResult {\n  [index: number]: SpeechRecognitionAlternative;\n  isFinal: boolean;\n  length: number;\n}\n\ninterface SpeechRecognitionAlternative {\n  transcript: string;\n  confidence: number;\n}\n\ninterface SpeechRecognition extends EventTarget {\n  lang: string;\n  interimResults: boolean;\n  continuous: boolean;\n  onresult: ((event: SpeechRecognitionEvent) => void) | null;\n  onend: (() => void) | null;\n  start: () => void;\n  stop: () => void;\n}\n\nconst VoiceInput: React.FC = () => {\n  const [transcript, setTranscript] = useState<string>('');\n  const [isListening, setIsListening] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const recognitionRef = useRef<SpeechRecognition | null>(null);\n  const assistantApi = useAssistantApi();\n  const { t, locale } = useI18n();\n  useEffect(() => {\n    // 检查浏览器支持\n    const SpeechRecognition =\n      (window as any).SpeechRecognition ||\n      (window as any).webkitSpeechRecognition;\n\n    if (!SpeechRecognition) {\n      setError(t('voiceInput.notSupported'));\n      return;\n    }\n\n    // 初始化识别实例\n    const recognition = new SpeechRecognition() as SpeechRecognition;\n    recognition.lang = locale; // 设置为当前语言识别\n    recognition.interimResults = true; // 实时返回结果\n    recognition.continuous = false; // 单次识别模式\n\n    // 处理识别结果\n    recognition.onresult = (event: SpeechRecognitionEvent) => {\n      if (event.results.length > 0) {\n        const currentResult = event.results[0][0].transcript;\n        setTranscript(currentResult);\n        assistantApi.composer().setText(currentResult);\n      }\n    };\n\n    // 识别结束时重置状态\n    recognition.onend = () => {\n      setIsListening(false);\n    };\n\n    recognitionRef.current = recognition;\n\n    // 清理函数\n    return () => {\n      recognition.stop();\n    };\n  }, [locale]);\n\n  const startListening = () => {\n    if (!recognitionRef.current || isListening) return;\n\n    try {\n      setIsListening(true);\n      setTranscript('');\n      recognitionRef.current.start();\n    } catch (err) {\n      setError(t('voiceInput.startFailed'));\n      setIsListening(false);\n      console.error('语音识别启动错误:', err);\n    }\n  };\n  const stopListening = async () => {\n    if (!recognitionRef.current || !isListening) return;\n    await new Promise(resolve => setTimeout(resolve, 1000));\n\n    recognitionRef.current.stop();\n    setIsListening(false);\n    assistantApi.composer().setText(transcript);\n  };\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant={isListening ? 'destructive' : 'ghost'}\n            size=\"icon\"\n            onClick={isListening ? stopListening : startListening}\n            disabled={!!error}\n            className={`transition-all duration-200 size-[16px] ${\n              isListening\n                ? 'bg-red-500 hover:bg-red-600 text-white animate-pulse w-8 h-8'\n                : ''\n            }`}\n          >\n            {isListening ? (\n              <MicOff className=\"size-[16px]\" />\n            ) : (\n              <Mic className=\"size-[16px]\" />\n            )}\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{isListening ? t('voiceInput.stop') : t('voiceInput.start')}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nexport default VoiceInput;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/assistant-ui/WarningModal.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dialog = require('../ui/dialog.cjs');
+var button = require('../ui/button.cjs');
+var lucideReact = require('lucide-react');
+var I18nContext = require('../../contexts/I18nContext.cjs');
+
+const WarningModal = ({ open, onOpenChange, title, content, onConfirm, confirmText, cancelText, }) => {
+    const { t } = I18nContext.useI18n();
+    const finalTitle = title || t('warningModal.deleteChatTitle');
+    const finalContent = content || t('warningModal.deleteChatContent');
+    const finalConfirmText = confirmText || t('warningModal.delete');
+    const finalCancelText = cancelText || t('warningModal.cancel');
+    return (jsxRuntime.jsx(dialog.Dialog, { open: open, onOpenChange: onOpenChange, children: jsxRuntime.jsxs(dialog.DialogContent, { className: "sm:max-w-[425px]", children: [jsxRuntime.jsx(dialog.DialogHeader, { children: jsxRuntime.jsxs(dialog.DialogTitle, { className: "flex items-center gap-2 text-xl", children: [jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-8 text-white fill-amber-500" }), jsxRuntime.jsx("span", { children: finalTitle })] }) }), jsxRuntime.jsx("div", { className: "py-3", children: jsxRuntime.jsx("p", { className: "text-muted-foreground", children: finalContent }) }), jsxRuntime.jsxs(dialog.DialogFooter, { children: [jsxRuntime.jsx(button.Button, { variant: "outline", onClick: () => onOpenChange(false), children: finalCancelText }), jsxRuntime.jsx(button.Button, { variant: "outline", className: "bg-[#D7312A] text-white", onClick: onConfirm, children: finalConfirmText })] })] }) }));
+};
+
+exports.WarningModal = WarningModal;
+//# sourceMappingURL=WarningModal.cjs.map