@vibe-forge/client 0.4.0 → 0.6.0

package/src/routes/ChatRoute.tsx

@@ -0,0 +1,132 @@
+import './ChatRoute.scss'
+
+import { Button, Empty } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { useNavigate, useParams } from 'react-router-dom'
+import useSWR from 'swr'
+
+import type { Session } from '@vibe-forge/core'
+
+import { listSessions } from '#~/api'
+import { ChatHeader } from '#~/components/chat/ChatHeader.js'
+import { ChatHistoryView } from '#~/components/chat/ChatHistoryView.js'
+import { ChatSettingsView } from '#~/components/chat/ChatSettingsView.js'
+import { ChatTimelineView } from '#~/components/chat/ChatTimelineView.js'
+import { useChatSession } from '#~/hooks/chat/use-chat-session'
+
+export function ChatRoute() {
+  const { t } = useTranslation()
+  const { sessionId } = useParams()
+  const navigate = useNavigate()
+  const { data: sessionsRes, isLoading } = useSWR<{ sessions: Session[] }>(
+    sessionId ? '/api/sessions' : null,
+    () => listSessions('active')
+  )
+  const session = sessionId == null ? undefined : sessionsRes?.sessions.find(item => item.id === sessionId)
+
+  if (sessionId != null && isLoading) {
+    return null
+  }
+
+  if (sessionId != null && session == null) {
+    return (
+      <div className='chat-route__empty-state'>
+        <Empty description={t('common.sessionNotFound')} />
+        <Button type='primary' onClick={() => void navigate('/')}>{t('common.backToHome')}</Button>
+      </div>
+    )
+  }
+
+  return <ChatRouteView session={session} />
+}
+
+function ChatRouteView({
+  session
+}: {
+  session?: Session
+}) {
+  const {
+    messages,
+    sessionInfo,
+    interactionRequest,
+    isReady,
+    connectionError,
+    retryConnection,
+    activeView,
+    setActiveView,
+    handleInteractionResponse,
+    setMessages,
+    placeholder,
+    modelOptions,
+    selectedModel,
+    modelForQuery,
+    setSelectedModel,
+    permissionMode,
+    setPermissionMode,
+    permissionModeOptions,
+    selectedAdapter,
+    setSelectedAdapter,
+    adapterOptions,
+    hasAvailableModels,
+    modelUnavailable
+  } = useChatSession({ session })
+  const isEmptyNewSession = !session?.id && messages.length === 0
+
+  return (
+    <div className={`chat-container ${isReady ? 'ready' : ''} ${isEmptyNewSession ? 'is-new-session' : ''}`}>
+      {session?.id && (
+        <ChatHeader
+          sessionInfo={sessionInfo}
+          sessionId={session.id}
+          sessionTitle={session.title}
+          isStarred={session.isStarred}
+          isArchived={session.isArchived}
+          tags={session.tags}
+          lastMessage={session.lastMessage}
+          lastUserMessage={session.lastUserMessage}
+          activeView={activeView}
+          onViewChange={setActiveView}
+        />
+      )}
+
+      {activeView === 'history' && (
+        <ChatHistoryView
+          isReady={isReady}
+          messages={messages}
+          session={session}
+          sessionInfo={sessionInfo}
+          connectionError={connectionError}
+          onRetryConnection={retryConnection}
+          interactionRequest={interactionRequest}
+          onInteractionResponse={handleInteractionResponse}
+          setMessages={setMessages}
+          onClearMessages={() => setMessages([])}
+          placeholder={placeholder}
+          modelOptions={modelOptions}
+          selectedModel={selectedModel}
+          modelForQuery={modelForQuery}
+          onModelChange={setSelectedModel}
+          permissionMode={permissionMode}
+          permissionModeOptions={permissionModeOptions}
+          onPermissionModeChange={setPermissionMode}
+          selectedAdapter={selectedAdapter}
+          adapterOptions={adapterOptions}
+          onAdapterChange={setSelectedAdapter}
+          modelUnavailable={modelUnavailable}
+          hasAvailableModels={hasAvailableModels}
+        />
+      )}
+
+      {activeView === 'timeline' && (
+        <ChatTimelineView messages={messages} />
+      )}
+
+      {activeView === 'settings' && session?.id && (
+        <ChatSettingsView
+          session={session}
+          onClose={() => setActiveView('history')}
+        />
+      )}
+    </div>
+  )
+}

package/src/routes/ConfigRoute.tsx

@@ -0,0 +1,5 @@
+import { ConfigView } from '#~/components/ConfigView'
+
+export function ConfigRoute() {
+  return <ConfigView />
+}

package/src/routes/KnowledgeRoute.tsx

@@ -0,0 +1,5 @@
+import { KnowledgeBaseView } from '#~/components/knowledge-base'
+
+export function KnowledgeRoute() {
+  return <KnowledgeBaseView />
+}

package/dist/assets/channel-DhtnrNJ6.js

@@ -1 +0,0 @@
-import{al as o,am as n}from"./mermaid.core-BnwYO0He.js";const l=(a,r)=>o.lang.round(n.parse(a)[r]);export{l as c};

package/dist/assets/clone-7bHB6YkC.js

@@ -1 +0,0 @@
-import{a as r}from"./graph-CIkpD4Kx.js";var a=4;function n(o){return r(o,a)}export{n as c};

package/dist/assets/flowDiagram-v2-4f6560a1-_13Sz5Wh.js

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-DjiCStMN.js";import{f as a,g as t}from"./styles-d45a18b0-dKMOUh9p.js";import{ar as i}from"./mermaid.core-BnwYO0He.js";import"./graph-CIkpD4Kx.js";import"./layout-Tnmha8Nh.js";import"./index-DRSI_ZIL.js";import"./index-5325376f-aVVRRTIu.js";import"./clone-7bHB6YkC.js";import"./edges-96097737-BU8qStzd.js";import"./createText-1719965b-C1_HJcCc.js";import"./line-BQR2SOyl.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-DhtnrNJ6.js";const n={parser:e,db:o,renderer:t,styles:a,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,i({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{n as diagram};