@vibe-forge/client 2.0.0 → 2.0.1

package/src/runtime-config.ts

@@ -1,10 +1,17 @@
 export type RuntimeEnv = Partial<{
+  __VF_PROJECT_AI_SERVER_BASE_URL__: string
   __VF_PROJECT_AI_SERVER_HOST__: string
   __VF_PROJECT_AI_SERVER_PORT__: string
   __VF_PROJECT_AI_SERVER_WS_PATH__: string
+  __VF_PROJECT_AI_CLIENT_MODE__: string
   __VF_PROJECT_AI_CLIENT_BASE__: string
+  __VF_PROJECT_AI_CLIENT_VERSION__: string
+  __VF_PROJECT_AI_CLIENT_COMMIT_HASH__: string
 }>
 
+export const SERVER_BASE_URL_STORAGE_KEY = 'vf_server_base_url'
+export const SERVER_CONNECTION_PICKER_STORAGE_KEY = 'vf_server_connection_picker_requested'
+
 export const resolveDevDocumentTitle = (
   baseTitle: string,
   input: {
@@ -57,6 +64,95 @@ const normalizePath = (value?: string) => {
   return next
 }
 
+const normalizeServerHost = (value?: string) => {
+  const next = value?.trim()
+  if (next == null || next === '' || next === '0.0.0.0' || next === '::' || next === '[::]') {
+    return undefined
+  }
+  return next
+}
+
+const hasUrlProtocol = (value: string) => /^[a-z][a-z\d+.-]*:\/\//i.test(value)
+
+const getStorage = () => {
+  try {
+    return globalThis.localStorage
+  } catch {
+    return undefined
+  }
+}
+
+const getBrowserProtocol = () => (
+  globalThis.location?.protocol === 'https:' ? 'https' : 'http'
+)
+
+const getClientMode = () => (
+  pickNonEmptyValue(
+    getRuntimeEnv().__VF_PROJECT_AI_CLIENT_MODE__,
+    import.meta.env.__VF_PROJECT_AI_CLIENT_MODE__,
+    import.meta.env.__VF_PROJECT_AI_CLIENT_DEPLOY_MODE__
+  )?.trim().toLowerCase()
+)
+
+export const normalizeServerBaseUrl = (value?: string) => {
+  const trimmed = value?.trim() ?? ''
+  if (trimmed === '') {
+    return undefined
+  }
+
+  const rawUrl = hasUrlProtocol(trimmed) ? trimmed : `${getBrowserProtocol()}://${trimmed}`
+  try {
+    const url = new URL(rawUrl)
+    if (url.protocol !== 'http:' && url.protocol !== 'https:') {
+      return undefined
+    }
+    url.hash = ''
+    url.search = ''
+    return url.toString().replace(/\/$/, '')
+  } catch {
+    return undefined
+  }
+}
+
+export const createServerUrlFromBase = (baseUrl: string, path: string) => {
+  const normalizedBaseUrl = normalizeServerBaseUrl(baseUrl)
+  if (normalizedBaseUrl == null) {
+    throw new Error('Invalid server base URL')
+  }
+
+  const relativePath = path.replace(/^\/+/, '')
+  return new URL(relativePath, `${normalizedBaseUrl}/`).toString()
+}
+
+export const getStoredServerBaseUrl = () => (
+  normalizeServerBaseUrl(getStorage()?.getItem(SERVER_BASE_URL_STORAGE_KEY) ?? undefined)
+)
+
+export const setStoredServerBaseUrl = (value: string) => {
+  const normalized = normalizeServerBaseUrl(value)
+  if (normalized == null) {
+    return undefined
+  }
+  getStorage()?.setItem(SERVER_BASE_URL_STORAGE_KEY, normalized)
+  return normalized
+}
+
+export const clearStoredServerBaseUrl = () => {
+  getStorage()?.removeItem(SERVER_BASE_URL_STORAGE_KEY)
+}
+
+export const isStandaloneClientMode = () => {
+  const mode = getClientMode()
+  return mode === 'standalone' || mode === 'independent'
+}
+
+export const isDesktopClientMode = () => getClientMode() === 'desktop'
+
+export const isServerConnectionManagedClientMode = () => {
+  const mode = getClientMode()
+  return mode === 'standalone' || mode === 'independent' || mode === 'desktop'
+}
+
 export const getRuntimeEnv = (): RuntimeEnv => getGlobalRuntimeEnv() ?? {}
 
 export const resolveClientBase = (...values: Array<string | undefined>) => (
@@ -73,14 +169,71 @@ export const getClientBase = () => (
 )
 
 export const getServerHostEnv = () =>
-  getRuntimeEnv().__VF_PROJECT_AI_SERVER_HOST__ ??
-    import.meta.env.__VF_PROJECT_AI_SERVER_HOST__
+  normalizeServerHost(
+    getRuntimeEnv().__VF_PROJECT_AI_SERVER_HOST__ ??
+      import.meta.env.__VF_PROJECT_AI_SERVER_HOST__
+  )
 
 export const getServerPortEnv = () =>
   getRuntimeEnv().__VF_PROJECT_AI_SERVER_PORT__ ??
     import.meta.env.__VF_PROJECT_AI_SERVER_PORT__
 
+export const getConfiguredServerBaseUrl = () => {
+  const configuredServerBaseUrl = normalizeServerBaseUrl(
+    getRuntimeEnv().__VF_PROJECT_AI_SERVER_BASE_URL__ ??
+      import.meta.env.__VF_PROJECT_AI_SERVER_BASE_URL__
+  )
+  if (configuredServerBaseUrl != null) {
+    return configuredServerBaseUrl
+  }
+
+  const serverHost = getServerHostEnv()
+  const serverPort = getServerPortEnv()?.trim()
+  if (serverHost == null || serverPort == null || serverPort === '') {
+    return undefined
+  }
+
+  return normalizeServerBaseUrl(`${serverHost}:${serverPort}`)
+}
+
+export const isServerConnectionPickerRequested = () => (
+  getStorage()?.getItem(SERVER_CONNECTION_PICKER_STORAGE_KEY) === 'true'
+)
+
+export const requestServerConnectionPicker = (
+  { clearCurrentServer = false }: { clearCurrentServer?: boolean } = {}
+) => {
+  if (clearCurrentServer) {
+    clearStoredServerBaseUrl()
+  }
+  getStorage()?.setItem(SERVER_CONNECTION_PICKER_STORAGE_KEY, 'true')
+}
+
+export const clearServerConnectionPickerRequest = () => {
+  getStorage()?.removeItem(SERVER_CONNECTION_PICKER_STORAGE_KEY)
+}
+
 export const getServerWsPath = () =>
   normalizePath(
     getRuntimeEnv().__VF_PROJECT_AI_SERVER_WS_PATH__ ?? import.meta.env.__VF_PROJECT_AI_SERVER_WS_PATH__
   )
+
+export const getServerBaseUrl = () => {
+  if (isServerConnectionManagedClientMode()) {
+    const storedServerBaseUrl = getStoredServerBaseUrl()
+    if (storedServerBaseUrl != null) {
+      return storedServerBaseUrl
+    }
+  }
+
+  const configuredServerBaseUrl = getConfiguredServerBaseUrl()
+  if (configuredServerBaseUrl != null) {
+    return configuredServerBaseUrl
+  }
+
+  const serverHost = getServerHostEnv() ?? globalThis.location?.hostname ?? 'localhost'
+  const serverPort = getServerPortEnv() ?? '8787'
+  return normalizeServerBaseUrl(`${serverHost}:${serverPort}`) ?? `${getBrowserProtocol()}://localhost:8787`
+}
+
+export const createServerUrl = (path: string) => createServerUrlFromBase(getServerBaseUrl(), path)

package/src/server-connection-history.ts

@@ -0,0 +1,179 @@
+import { normalizeServerBaseUrl } from '#~/runtime-config'
+
+export const SERVER_BASE_URL_HISTORY_STORAGE_KEY = 'vf_server_base_url_history'
+
+export interface ServerConnectionProfile {
+  serverUrl: string
+  alias?: string
+  description?: string
+  authToken?: string
+  serverVersion?: string
+  createdAt: number
+  lastConnectedAt: number
+}
+
+export interface ServerConnectionProfileDetails {
+  alias?: string
+  description?: string
+}
+
+const getStorage = () => {
+  try {
+    return globalThis.localStorage
+  } catch {
+    return undefined
+  }
+}
+
+const normalizeOptionalText = (value: unknown) => {
+  const normalized = typeof value === 'string' ? value.trim() : ''
+  return normalized === '' ? undefined : normalized
+}
+
+const normalizeProfile = (value: unknown, fallbackTime: number): ServerConnectionProfile | undefined => {
+  if (typeof value === 'string') {
+    const serverUrl = normalizeServerBaseUrl(value)
+    return serverUrl == null ? undefined : {
+      serverUrl,
+      createdAt: fallbackTime,
+      lastConnectedAt: fallbackTime
+    }
+  }
+  if (value == null || typeof value !== 'object' || Array.isArray(value)) return undefined
+
+  const record = value as Record<string, unknown>
+  const serverUrl = normalizeServerBaseUrl(record.serverUrl as string | undefined)
+  if (serverUrl == null) return undefined
+
+  const createdAt = typeof record.createdAt === 'number' ? record.createdAt : fallbackTime
+  const lastConnectedAt = typeof record.lastConnectedAt === 'number' ? record.lastConnectedAt : createdAt
+  const alias = normalizeOptionalText(record.alias)
+  const description = normalizeOptionalText(record.description)
+  const authToken = normalizeOptionalText(record.authToken)
+  const serverVersion = normalizeOptionalText(record.serverVersion)
+  return {
+    serverUrl,
+    createdAt,
+    lastConnectedAt,
+    ...(alias != null ? { alias } : {}),
+    ...(description != null ? { description } : {}),
+    ...(authToken != null ? { authToken } : {}),
+    ...(serverVersion != null ? { serverVersion } : {})
+  }
+}
+
+const sortProfiles = (profiles: ServerConnectionProfile[]) => (
+  [...profiles].sort((left, right) => right.lastConnectedAt - left.lastConnectedAt)
+)
+
+const saveProfiles = (profiles: ServerConnectionProfile[]) => {
+  const normalizedProfiles = sortProfiles(profiles)
+  getStorage()?.setItem(SERVER_BASE_URL_HISTORY_STORAGE_KEY, JSON.stringify(normalizedProfiles))
+  return normalizedProfiles
+}
+
+export const getServerConnectionProfiles = () => {
+  const raw = getStorage()?.getItem(SERVER_BASE_URL_HISTORY_STORAGE_KEY)
+  if (raw == null || raw.trim() === '') return []
+
+  try {
+    const parsed = JSON.parse(raw) as unknown
+    if (!Array.isArray(parsed)) return []
+
+    const profileByUrl = new Map<string, ServerConnectionProfile>()
+    const fallbackTime = Date.now()
+    for (const item of parsed) {
+      const profile = normalizeProfile(item, fallbackTime)
+      if (profile == null || profileByUrl.has(profile.serverUrl)) continue
+      profileByUrl.set(profile.serverUrl, profile)
+    }
+    return sortProfiles(Array.from(profileByUrl.values()))
+  } catch {
+    return []
+  }
+}
+
+export const getRecentServerBaseUrls = () => (
+  getServerConnectionProfiles().map(profile => profile.serverUrl)
+)
+
+export const rememberServerBaseUrl = (value: string, details: { serverVersion?: string } = {}) => {
+  const serverUrl = normalizeServerBaseUrl(value)
+  if (serverUrl == null) return getServerConnectionProfiles()
+
+  const now = Date.now()
+  const profiles = getServerConnectionProfiles()
+  const existing = profiles.find(profile => profile.serverUrl === serverUrl)
+  const nextProfile: ServerConnectionProfile = {
+    ...existing,
+    serverUrl,
+    createdAt: existing?.createdAt ?? now,
+    lastConnectedAt: now,
+    ...(normalizeOptionalText(details.serverVersion) != null
+      ? { serverVersion: normalizeOptionalText(details.serverVersion) }
+      : {})
+  }
+  return saveProfiles([
+    nextProfile,
+    ...profiles.filter(profile => profile.serverUrl !== serverUrl)
+  ])
+}
+
+export const updateServerConnectionProfile = (serverUrl: string, details: ServerConnectionProfileDetails) => {
+  const normalizedServerUrl = normalizeServerBaseUrl(serverUrl)
+  if (normalizedServerUrl == null) return getServerConnectionProfiles()
+
+  const now = Date.now()
+  const profiles = getServerConnectionProfiles()
+  const existing = profiles.find(profile => profile.serverUrl === normalizedServerUrl)
+  const alias = normalizeOptionalText(details.alias)
+  const description = normalizeOptionalText(details.description)
+  const { alias: _alias, description: _description, ...existingProfile } = existing ?? {}
+  return saveProfiles([
+    {
+      ...existingProfile,
+      serverUrl: normalizedServerUrl,
+      createdAt: existing?.createdAt ?? now,
+      lastConnectedAt: existing?.lastConnectedAt ?? now,
+      ...(alias != null ? { alias } : {}),
+      ...(description != null ? { description } : {})
+    },
+    ...profiles.filter(profile => profile.serverUrl !== normalizedServerUrl)
+  ])
+}
+
+export const removeServerConnectionProfile = (serverUrl: string) => {
+  const normalizedServerUrl = normalizeServerBaseUrl(serverUrl)
+  if (normalizedServerUrl == null) return getServerConnectionProfiles()
+  return saveProfiles(getServerConnectionProfiles().filter(profile => profile.serverUrl !== normalizedServerUrl))
+}
+
+export const getAuthTokenForServerUrl = (serverUrl: string) => (
+  getServerConnectionProfiles().find(profile => profile.serverUrl === normalizeServerBaseUrl(serverUrl))
+    ?.authToken
+)
+
+export const setAuthTokenForServerUrl = (serverUrl: string, token: string) => {
+  const normalizedToken = token.trim()
+  if (normalizedToken === '') return
+
+  const profiles = rememberServerBaseUrl(serverUrl)
+  const normalizedServerUrl = normalizeServerBaseUrl(serverUrl)
+  saveProfiles(
+    profiles.map(profile =>
+      profile.serverUrl === normalizedServerUrl ? { ...profile, authToken: normalizedToken } : profile
+    )
+  )
+}
+
+export const clearAuthTokenForServerUrl = (serverUrl: string) => {
+  const normalizedServerUrl = normalizeServerBaseUrl(serverUrl)
+  if (normalizedServerUrl == null) return getServerConnectionProfiles()
+  return saveProfiles(
+    getServerConnectionProfiles().map(profile => {
+      if (profile.serverUrl !== normalizedServerUrl) return profile
+      const { authToken: _authToken, ...nextProfile } = profile
+      return nextProfile
+    })
+  )
+}

package/src/store/index.ts

@@ -22,4 +22,44 @@ export const themeAtom = atom<ThemeMode>(
   (localStorage.getItem('theme') as ThemeMode) || 'system'
 )
 
+export type SenderHeaderDisplayMode = 'expanded' | 'collapsed'
+
+const SENDER_HEADER_DISPLAY_STORAGE_KEY = 'vf_sender_header_default_display'
+
+const isSenderHeaderDisplayMode = (
+  value: string
+): value is SenderHeaderDisplayMode => {
+  return value === 'expanded' || value === 'collapsed'
+}
+
+const getStoredSenderHeaderDisplayMode = (): SenderHeaderDisplayMode => {
+  try {
+    const raw = localStorage.getItem(SENDER_HEADER_DISPLAY_STORAGE_KEY)
+    if (raw != null && isSenderHeaderDisplayMode(raw)) {
+      return raw
+    }
+  } catch {}
+
+  return 'expanded'
+}
+
+const senderHeaderDisplayBaseAtom = atom<SenderHeaderDisplayMode>(
+  getStoredSenderHeaderDisplayMode()
+)
+
+export const senderHeaderDisplayAtom = atom(
+  get => get(senderHeaderDisplayBaseAtom),
+  (_get, set, value: SenderHeaderDisplayMode) => {
+    const nextValue = isSenderHeaderDisplayMode(value)
+      ? value
+      : 'expanded'
+
+    set(senderHeaderDisplayBaseAtom, nextValue)
+
+    try {
+      localStorage.setItem(SENDER_HEADER_DISPLAY_STORAGE_KEY, nextValue)
+    } catch {}
+  }
+)
+
 export const showAnnouncementsAtom = atom(true)

package/src/styles/global.scss

@@ -28,6 +28,9 @@ html, body, #root, .ant-app {
 }
 
 :root {
+  --vf-visual-viewport-height: 100dvh;
+  --vf-keyboard-inset-bottom: 0px;
+
   --bg-color: #ffffff; /* 页面/主容器背景 */
   --sub-bg-color: #f6f6f6; /* 次级容器背景 */
   --sub-sub-bg-color: #e1e1e1; /* 更内层/弱化容器背景 */

package/src/utils/mobile-viewport.ts

@@ -0,0 +1,67 @@
+const KEYBOARD_VISIBLE_THRESHOLD = 80
+
+const focusableSelector = [
+  'input',
+  'textarea',
+  'select',
+  '[contenteditable="true"]',
+  '[role="textbox"]'
+].join(',')
+
+const getViewport = () => globalThis.visualViewport
+
+const getFocusedInput = () => {
+  const activeElement = document.activeElement
+  if (!(activeElement instanceof HTMLElement)) return undefined
+  return activeElement.matches(focusableSelector) ? activeElement : undefined
+}
+
+const scrollFocusedInputIntoView = () => {
+  const focusedInput = getFocusedInput()
+  if (focusedInput == null) return
+
+  focusedInput.scrollIntoView({
+    block: 'center',
+    inline: 'nearest',
+    behavior: 'auto'
+  })
+}
+
+export const setupMobileViewport = () => {
+  if (typeof window === 'undefined') return
+
+  let scrollFrame = 0
+
+  const updateViewportVars = () => {
+    const viewport = getViewport()
+    const viewportHeight = viewport?.height ?? window.innerHeight
+    const viewportOffsetTop = viewport?.offsetTop ?? 0
+    const focusedInput = getFocusedInput()
+    const keyboardInset = viewport == null || focusedInput == null
+      ? 0
+      : Math.max(0, window.innerHeight - viewportHeight - viewportOffsetTop)
+
+    document.documentElement.style.setProperty('--vf-visual-viewport-height', `${Math.round(viewportHeight)}px`)
+    document.documentElement.style.setProperty('--vf-keyboard-inset-bottom', `${Math.round(keyboardInset)}px`)
+    document.documentElement.classList.toggle('has-mobile-keyboard', keyboardInset > KEYBOARD_VISIBLE_THRESHOLD)
+  }
+
+  const scheduleFocusedInputScroll = () => {
+    window.cancelAnimationFrame(scrollFrame)
+    scrollFrame = window.requestAnimationFrame(() => {
+      updateViewportVars()
+      scrollFocusedInputIntoView()
+    })
+  }
+
+  updateViewportVars()
+
+  getViewport()?.addEventListener('resize', scheduleFocusedInputScroll)
+  getViewport()?.addEventListener('scroll', scheduleFocusedInputScroll)
+  window.addEventListener('resize', scheduleFocusedInputScroll)
+  window.addEventListener('orientationchange', scheduleFocusedInputScroll)
+  document.addEventListener('focusin', scheduleFocusedInputScroll)
+  document.addEventListener('focusout', () => {
+    window.setTimeout(updateViewportVars, 120)
+  })
+}

package/src/version-compatibility.ts

@@ -0,0 +1,37 @@
+export interface ParsedSemver {
+  major: number
+  minor: number
+  patch: number
+  prerelease?: string
+}
+
+const SEMVER_PATTERN = /^v?(\d+)\.(\d+)\.(\d+)(?:-([0-9A-Za-z.-]+))?(?:\+[0-9A-Za-z.-]+)?$/
+
+export const parseSemverVersion = (value: string | undefined): ParsedSemver | undefined => {
+  const match = value?.trim().match(SEMVER_PATTERN)
+  if (match == null) return undefined
+  return {
+    major: Number(match[1]),
+    minor: Number(match[2]),
+    patch: Number(match[3]),
+    ...(match[4] != null ? { prerelease: match[4] } : {})
+  }
+}
+
+export const areSemverVersionsCompatible = (
+  clientVersion: string | undefined,
+  serverVersion: string | undefined
+) => {
+  const client = parseSemverVersion(clientVersion)
+  const server = parseSemverVersion(serverVersion)
+  if (client == null || server == null) return false
+  if (client.prerelease != null || server.prerelease != null) {
+    return client.major === server.major &&
+      client.minor === server.minor &&
+      client.patch === server.patch &&
+      client.prerelease === server.prerelease
+  }
+  if (client.major !== server.major) return false
+  if (client.major === 0) return client.minor === server.minor
+  return true
+}

package/src/vite-env.d.ts

@@ -1,12 +1,17 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
+  readonly __VF_PROJECT_AI_SERVER_BASE_URL__: string
   readonly __VF_PROJECT_AI_SERVER_HOST__: string
   readonly __VF_PROJECT_AI_SERVER_PORT__: string
   readonly __VF_PROJECT_AI_SERVER_WS_PATH__: string
   readonly __VF_PROJECT_AI_CLIENT_HOST__: string
+  readonly __VF_PROJECT_AI_CLIENT_MODE__: string
+  readonly __VF_PROJECT_AI_CLIENT_DEPLOY_MODE__: string
   readonly __VF_PROJECT_AI_CLIENT_PORT__: string
   readonly __VF_PROJECT_AI_CLIENT_BASE__: string
+  readonly __VF_PROJECT_AI_CLIENT_VERSION__: string
+  readonly __VF_PROJECT_AI_CLIENT_COMMIT_HASH__: string
   readonly __VF_PROJECT_AI_DEV_GIT_REF__: string
 }
 
@@ -16,9 +21,13 @@ interface ImportMeta {
 
 interface Window {
   __VF_PROJECT_AI_RUNTIME_ENV__?: Partial<{
+    __VF_PROJECT_AI_SERVER_BASE_URL__: string
     __VF_PROJECT_AI_SERVER_HOST__: string
     __VF_PROJECT_AI_SERVER_PORT__: string
     __VF_PROJECT_AI_SERVER_WS_PATH__: string
+    __VF_PROJECT_AI_CLIENT_MODE__: string
     __VF_PROJECT_AI_CLIENT_BASE__: string
+    __VF_PROJECT_AI_CLIENT_VERSION__: string
+    __VF_PROJECT_AI_CLIENT_COMMIT_HASH__: string
   }>
 }

package/src/ws.ts

@@ -1,11 +1,8 @@
 import type { WSEvent } from '@vibe-forge/core'
 
-import { getServerHostEnv, getServerPortEnv, getServerWsPath } from '#~/runtime-config.js'
+import { createServerUrl, getServerWsPath } from '#~/runtime-config.js'
 
-const SERVER_HOST = getServerHostEnv() || window.location.hostname
-const SERVER_PORT = getServerPortEnv() || '8787'
-const WS_PROTOCOL = window.location.protocol === 'https:' ? 'wss' : 'ws'
-const WS_URL = `${WS_PROTOCOL}://${SERVER_HOST}:${SERVER_PORT}${getServerWsPath()}`
+import { getAuthToken } from './api/auth-token'
 
 export interface WSHandlers<TMessage = WSEvent> {
   onOpen?: () => void
@@ -14,12 +11,26 @@ export interface WSHandlers<TMessage = WSEvent> {
   onClose?: () => void
 }
 
-export function createSocket<TMessage = WSEvent>(handlers: WSHandlers<TMessage>, params?: Record<string, string>) {
-  let url = WS_URL
+const createWebSocketUrl = (params?: Record<string, string>) => {
+  const url = new URL(createServerUrl(getServerWsPath()))
+  url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:'
+
+  const authToken = getAuthToken()
+  if (authToken != null) {
+    url.searchParams.set('authToken', authToken)
+  }
+
   if (params) {
-    const searchParams = new URLSearchParams(params)
-    url += (url.includes('?') ? '&' : '?') + searchParams.toString()
+    for (const [key, value] of Object.entries(params)) {
+      url.searchParams.set(key, value)
+    }
   }
+
+  return url.toString()
+}
+
+export function createSocket<TMessage = WSEvent>(handlers: WSHandlers<TMessage>, params?: Record<string, string>) {
+  const url = createWebSocketUrl(params)
   const ws = new WebSocket(url)
   ws.addEventListener('open', () => handlers.onOpen?.())
   ws.addEventListener('message', (ev) => {

package/vite.config.ts

@@ -1,15 +1,27 @@
 import { execFileSync } from 'node:child_process'
+import { readFileSync } from 'node:fs'
 import process from 'node:process'
 import { fileURLToPath } from 'node:url'
 
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
 
-const isDev = process.env.__VF_PROJECT_AI_CLIENT_MODE__ === 'dev'
+const clientMode = process.env.__VF_PROJECT_AI_CLIENT_MODE__
+const clientDeployMode = process.env.__VF_PROJECT_AI_CLIENT_DEPLOY_MODE__
+const isDev = clientMode === 'dev'
+const isStandalone = clientMode === 'standalone' ||
+  clientMode === 'independent' ||
+  clientDeployMode === 'standalone' ||
+  clientDeployMode === 'independent'
 const clientBase = isDev
+  ? (process.env.__VF_PROJECT_AI_CLIENT_BASE__ ?? '/')
+  : isStandalone
   ? (process.env.__VF_PROJECT_AI_CLIENT_BASE__ ?? '/')
   : '/__VF_PROJECT_AI_CLIENT_BASE__/'
 const repoRoot = fileURLToPath(new URL('../..', import.meta.url))
+const clientPackageJson = JSON.parse(readFileSync(new URL('./package.json', import.meta.url), 'utf8')) as {
+  version?: string
+}
 
 const readGit = (args: string[]) =>
   execFileSync('git', args, {
@@ -30,8 +42,18 @@ const resolveDevGitRef = () => {
   }
 }
 
+const resolveGitCommitHash = () => {
+  try {
+    return readGit(['rev-parse', 'HEAD'])
+  } catch {
+    return ''
+  }
+}
+
 const devGitRef = isDev ? resolveDevGitRef() : ''
 process.env.__VF_PROJECT_AI_DEV_GIT_REF__ = devGitRef
+process.env.__VF_PROJECT_AI_CLIENT_VERSION__ ??= clientPackageJson.version ?? ''
+process.env.__VF_PROJECT_AI_CLIENT_COMMIT_HASH__ ??= resolveGitCommitHash()
 const normalizeTitle = (title: string) => title.trim().replace(/\s+\[[^\]]+\]$/, '')
 
 export default defineConfig({

package/dist/assets/channel-Dnopc5A6.js

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

package/dist/assets/clone-sQthahUA.js

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

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

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-D1Xz_8Gf.js";import{f as a,g as t}from"./styles-d45a18b0-B-rVGjEq.js";import{ar as i}from"./mermaid.core-BgcryF__.js";import"./graph-BkDQy7Qt.js";import"./layout-CDaZEk6E.js";import"./index-wkhI4dr6.js";import"./index-5325376f-kxPTR3_e.js";import"./clone-sQthahUA.js";import"./edges-96097737-Cb0F1_3K.js";import"./createText-1719965b-CEinakVP.js";import"./line-DNRQu8iq.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-Dnopc5A6.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};