@devicai/ui 0.52.0 → 0.54.0

package/dist/esm/components/IntegrationsModal/IntegrationsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationsPanel.js","sources":["../../../../src/components/IntegrationsModal/IntegrationsPanel.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type JSX,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { DevicApiError } from \"../../api/client\";\nimport type {\n  Integration,\n  IntegrationAccount,\n  IntegrationAuthScheme,\n  IntegrationSetupRequired,\n} from \"../../api/types\";\nimport { isDarkTheme, themeVars, type DevicTheme } from \"../theme\";\nimport { ConnectFieldsForm } from \"./ConnectFieldsForm\";\nimport { IntegrationLogo } from \"./IntegrationLogo\";\nimport { useIntegrations, type IntegrationsState } from \"./useIntegrations\";\nimport { McpServersSection } from \"./McpServersSection\";\nimport { useTenantMcp, type TenantMcpState } from \"./useTenantMcp\";\nimport \"./IntegrationsModal.css\";\n\n/** Message the OAuth callback page posts back to this window when it is done. */\ninterface CallbackMessage {\n  source?: string;\n  type?: string;\n  app?: string;\n  status?: string;\n  returnTo?: string;\n}\n\nexport interface IntegrationsPanelProps {\n  /** Assistant whose offered apps are shown. */\n  assistantId: string;\n  /** Tenant of the end user (falls back to the provider's tenantId). */\n  tenantId?: string;\n  /** Subtenant of the end user (falls back to the provider's subtenantId). */\n  subtenantId?: string;\n  /** API key override (falls back to the provider's). */\n  apiKey?: string;\n  /** Base URL override (falls back to the provider's). */\n  baseUrl?: string;\n  /** Heading text, and the accessible name of the region. @default \"Connected apps\" */\n  title?: string;\n  /** Search field placeholder. @default \"Search connected apps\" */\n  searchPlaceholder?: string;\n  /** Called after an account is connected or disconnected. */\n  onChange?: (integrations: Integration[]) => void;\n  /**\n   * Colours and font. Same names as the drawer's style options, and the drawer\n   * passes its own down — a dialog opening in the default light palette over a\n   * themed application is the one thing this must not do.\n   *\n   * Embedded in a page the same applies for a different reason: the panel\n   * renders in its own variables and inherits nothing from the surface around\n   * it, so a host with its own palette has to say so here.\n   */\n  theme?: DevicTheme;\n  /**\n   * Listing loaded elsewhere (see `useIntegrations`). The drawer already has to\n   * load it to decide whether its button exists, and passing it down is what\n   * keeps opening the modal from asking for the very same thing again.\n   */\n  state?: IntegrationsState;\n  /**\n   * MCP listing loaded elsewhere, same reasoning as `state`. When absent this\n   * loads its own — and only while on screen, so an assistant that offers no\n   * MCP servers costs one refusal and nothing more.\n   */\n  mcpState?: TenantMcpState;\n  /**\n   * Whether the panel is on screen. Renders nothing and asks for nothing while\n   * false, without dropping what it already knows — which is how the modal\n   * closes without paying for the whole listing again on the next open.\n   *\n   * @default true\n   */\n  active?: boolean;\n  /**\n   * The heading, with the plug icon and the title. Turn it off to put the\n   * panel under a heading of your own.\n   *\n   * @default true\n   */\n  showHeader?: boolean;\n  /** The search field. @default true */\n  showSearch?: boolean;\n  /**\n   * The footer, with the privacy note and the Refresh button. Off, nothing else\n   * re-reads the listing on demand — keep `state` yourself and call its\n   * `refresh` if you drive it from your own control.\n   *\n   * @default true\n   */\n  showFooter?: boolean;\n  /**\n   * Shown as a close button in the header, and called when Escape is pressed.\n   * The modal is what usually passes it; embedded, only pass it if the panel\n   * is dismissible.\n   */\n  onClose?: () => void;\n  className?: string;\n  /**\n   * Render inside the modal's backdrop, in a portal on `document.body`.\n   *\n   * This is what `IntegrationsModal` is, and that component is the one to use\n   * — it exists here because both forms share every line of what follows.\n   */\n  dialog?: boolean;\n}\n\nfunction PlugIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 22v-5\" />\n      <path d=\"M9 8V2\" />\n      <path d=\"M15 8V2\" />\n      <path d=\"M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z\" />\n    </svg>\n  );\n}\n\nfunction SearchIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <path d=\"m20 20-3.5-3.5\" />\n    </svg>\n  );\n}\n\n/** A random value tying an OAuth round trip to the window that started it. */\nfunction newNonce(): string {\n  const c = typeof crypto !== \"undefined\" ? crypto : undefined;\n  if (c?.randomUUID) return c.randomUUID();\n  return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\n/** How the card describes an app at a glance. */\nfunction stateOf(integration: Integration): {\n  key: \"connected\" | \"reconnect\" | \"disconnected\";\n  label: string;\n} {\n  if (integration.connected) return { key: \"connected\", label: \"Connected\" };\n  if (integration.accounts.some((a) => a.needsReconnect)) {\n    return { key: \"reconnect\", label: \"Needs reconnection\" };\n  }\n  return { key: \"disconnected\", label: \"Not connected\" };\n}\n\nfunction accountLabel(account: IntegrationAccount): string {\n  if (!account.connectedAt) return account.status.toLowerCase();\n  const when = new Date(account.connectedAt);\n  if (Number.isNaN(when.getTime())) return account.status.toLowerCase();\n  return `connected ${when.toLocaleDateString()}`;\n}\n\n/**\n * The scheme the server would pick, given no explicit choice: the one asking\n * for least setup.\n *\n * Mirrors the engine's own preference deliberately. It is only used to decide\n * whether to open a popup or a form before asking, and being wrong is\n * recoverable — the form sends its scheme explicitly, and a redirect that\n * arrives anyway is still honoured.\n */\nfunction preferredScheme(\n  schemes?: IntegrationAuthScheme[]\n): IntegrationAuthScheme | undefined {\n  if (!schemes?.length) return undefined;\n  const friction = (s: IntegrationAuthScheme) => (s.composioManaged ? 0 : 1);\n  return [...schemes].sort((a, b) => friction(a) - friction(b))[0];\n}\n\nfunction matches(integration: Integration, query: string): boolean {\n  const q = query.trim().toLowerCase();\n  if (!q) return true;\n  return (\n    integration.name.toLowerCase().includes(q) ||\n    integration.app.toLowerCase().includes(q) ||\n    (integration.description ?? \"\").toLowerCase().includes(q)\n  );\n}\n\n/**\n * Where the END USER of an application manages their *own* third-party\n * accounts: the apps the developer offered to tenants of this assistant, each\n * with the accounts this tenant has connected, and the buttons to add or\n * remove one.\n *\n * The same panel serves both shapes it is asked for. `IntegrationsModal` is\n * this with `dialog`, opened from the drawer's header; on its own it drops into\n * a settings page as an ordinary block, which is the form a host wants when\n * connecting apps is a section of their product rather than an interruption of\n * a chat.\n *\n * Backed by `/api/v1/tenant-integrations`, which resolves the tenant\n * server-side, so what is listed here is only ever this tenant's — never the\n * workspace-wide accounts an admin connected, and never another tenant's.\n *\n * Connecting opens the provider's consent screen in a popup. The popup is\n * opened empty *before* the request that produces its URL, because browsers\n * only honour `window.open` inside the gesture that triggered it: opening it\n * after the round trip is what gets it blocked. When it is blocked anyway, the\n * URL is offered as a link instead.\n */\nexport function IntegrationsPanel({\n  assistantId,\n  tenantId,\n  subtenantId,\n  apiKey,\n  baseUrl,\n  title = \"Connected apps\",\n  searchPlaceholder = \"Search connected apps\",\n  onChange,\n  theme,\n  state,\n  mcpState,\n  active = true,\n  showHeader = true,\n  showSearch = true,\n  showFooter = true,\n  onClose,\n  className,\n  dialog = false,\n}: IntegrationsPanelProps): JSX.Element | null {\n  // Hooks cannot be skipped, so the fallback is always built and only fetches\n  // when nobody handed a listing down.\n  const own = useIntegrations({\n    assistantId,\n    tenantId,\n    subtenantId,\n    apiKey,\n    baseUrl,\n    enabled: active && !state,\n  });\n  const {\n    integrations,\n    loading,\n    error: loadError,\n    offered: appsOffered,\n    refresh,\n    client,\n    scope,\n  } = state ?? own;\n\n  // Same shape as above: always built (hooks cannot be skipped), fetching only\n  // when nobody handed a listing down.\n  const ownMcp = useTenantMcp({\n    assistantId,\n    tenantId,\n    subtenantId,\n    apiKey,\n    baseUrl,\n    enabled: active && !mcpState,\n  });\n  const mcp = mcpState ?? ownMcp;\n\n  /** Errors from connecting or disconnecting, kept apart from load failures. */\n  const [actionError, setActionError] = useState<string | null>(null);\n  // An assistant may offer MCP servers and no apps at all, and then the apps\n  // endpoint answers \"not for you\" — an ordinary answer, not a failure. Showing\n  // it would put a red panel above a section that is working perfectly. The\n  // refusal is still surfaced when there is nothing else on offer, because then\n  // an empty dialog with no explanation is worse.\n  const appsRefusalIsNoise = !appsOffered && mcp.offered;\n  const error = actionError ?? (appsRefusalIsNoise ? null : loadError);\n  /** App slug with a connect/disconnect in flight, so only its card is busy. */\n  const [busyApp, setBusyApp] = useState<string | null>(null);\n  /** Authorization URL surfaced as a link when the popup was blocked. */\n  const [blockedUrl, setBlockedUrl] = useState<{ app: string; url: string } | null>(\n    null\n  );\n  /** The app whose credentials are being asked for, and every way it can be\n   *  connected. `setup` is present when the server named what was missing. */\n  const [setupPrompt, setSetupPrompt] = useState<{\n    app: string;\n    schemes: IntegrationAuthScheme[];\n    setup?: IntegrationSetupRequired;\n  } | null>(null);\n  /**\n   * How each offered app can be connected, read once the listing arrives.\n   *\n   * Loaded ahead of the click rather than on it: knowing whether an app needs\n   * a browser is what decides between opening a popup and opening a form, and\n   * that decision has to be made *inside* the user's gesture — a popup opened\n   * after an await is blocked.\n   */\n  const [authByApp, setAuthByApp] = useState<\n    Record<string, IntegrationAuthScheme[]>\n  >({});\n  /** Failure from the last submit, shown inside the credentials dialog. */\n  const [formError, setFormError] = useState<string | null>(null);\n  const [query, setQuery] = useState(\"\");\n\n  const visible = useMemo(\n    () => integrations.filter((i) => matches(i, query)),\n    [integrations, query]\n  );\n\n  // Resolved from the listing rather than stored in the prompt: the dialog\n  // stays open across a refresh, and a copy taken when it opened would go\n  // stale — showing \"Not connected\" on an app that just connected.\n  const promptIntegration = useMemo(\n    () => integrations.find((i) => i.app === setupPrompt?.app),\n    [integrations, setupPrompt?.app]\n  );\n\n  // One request per offered app, once the listing is in. They are small,\n  // cached server-side, and nothing waits on them: a click that lands before\n  // its answer simply falls back to asking the server, as it did before.\n  useEffect(() => {\n    if (!active || !client || !integrations.length) return;\n    let cancelled = false;\n    void Promise.all(\n      integrations.map(async (integration) => {\n        try {\n          const { schemes } = await client.getIntegrationAuth(\n            integration.app,\n            scope\n          );\n          if (!cancelled && schemes?.length) {\n            setAuthByApp((prev) => ({ ...prev, [integration.app]: schemes }));\n          }\n        } catch {\n          // Not knowing is survivable — the click path handles it.\n        }\n      })\n    );\n    return () => {\n      cancelled = true;\n    };\n  }, [active, client, integrations, scope]);\n\n  // Report the listing without making the caller's identity part of the\n  // dependency: an inline arrow would fire this on every render.\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  useEffect(() => {\n    if (integrations.length) onChangeRef.current?.(integrations);\n  }, [integrations]);\n\n  // Reopening starts clean, and re-reads: accounts may have been connected or\n  // revoked elsewhere since the last look.\n  const wasOpenRef = useRef(false);\n  const openedBeforeRef = useRef(false);\n  useEffect(() => {\n    if (active && !wasOpenRef.current) {\n      setBlockedUrl(null);\n      setActionError(null);\n      setSetupPrompt(null);\n      setQuery(\"\");\n      // The very first open of an uncontrolled modal is already covered by the\n      // hook switching on; asking again here would double every first open.\n      if (state || openedBeforeRef.current) void refresh();\n      if (mcpState || openedBeforeRef.current) void mcp.refresh();\n      openedBeforeRef.current = true;\n    }\n    wasOpenRef.current = active;\n    // `state.refresh` is stable per scope; re-running on every render of the\n    // owner is exactly what this must not do.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active]);\n\n  // Escape closes — the credentials dialog first, when one is open. Closing\n  // everything from under a half-typed key would be its own small disaster.\n  //\n  // Embedded in a page there is usually nothing to close after that, and the\n  // key is left alone rather than swallowed: a panel that is part of the page\n  // has no business answering for the whole document.\n  useEffect(() => {\n    if (!active) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      if (setupPrompt) {\n        setSetupPrompt(null);\n        setFormError(null);\n        return;\n      }\n      onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [active, onClose, setupPrompt]);\n\n  /** The round trip currently in flight, if any. */\n  const pendingRef = useRef<{ app: string; returnTo: string } | null>(null);\n  const popupRef = useRef<Window | null>(null);\n  const pollRef = useRef<number | null>(null);\n\n  const finishConnect = useCallback(() => {\n    if (pollRef.current !== null) {\n      window.clearInterval(pollRef.current);\n      pollRef.current = null;\n    }\n    pendingRef.current = null;\n    popupRef.current = null;\n    setBusyApp(null);\n    void refresh(true);\n  }, [refresh]);\n\n  // The callback page tells us it is done. Treat the message as a nudge, never\n  // as the result: what is displayed comes from re-reading the server, so a\n  // forged message can at worst cause one redundant fetch.\n  useEffect(() => {\n    if (!active) return;\n    const onMessage = (event: MessageEvent) => {\n      const data = event.data as CallbackMessage | undefined;\n      if (!data || data.source !== \"devic\") return;\n      if (data.type !== \"integration-connected\") return;\n      const pending = pendingRef.current;\n      if (!pending || data.returnTo !== pending.returnTo) return;\n      popupRef.current?.close();\n      finishConnect();\n    };\n    window.addEventListener(\"message\", onMessage);\n    return () => window.removeEventListener(\"message\", onMessage);\n  }, [active, finishConnect]);\n\n  // Stop polling if the modal goes away mid-flow.\n  useEffect(\n    () => () => {\n      if (pollRef.current !== null) window.clearInterval(pollRef.current);\n    },\n    []\n  );\n\n  /**\n   * Connects an app, asking for credentials only if it needs them.\n   *\n   * Optimistic: the request goes out first, and the form appears only when the\n   * server answers that something is missing. Most apps take an API key rather\n   * than an OAuth round trip, so this is the path that used to fail outright.\n   */\n  const handleConnect = async (\n    integration: Integration,\n    values?: { authScheme: string; accountFields: Record<string, string> }\n  ) => {\n    if (!client || (busyApp && busyApp !== integration.app)) return;\n    setActionError(null);\n    setBlockedUrl(null);\n\n    // Ask before doing anything when the app is known to take credentials and\n    // no browser is involved. Connecting first would flash an empty popup and\n    // spend a request that can only fail — the user has not been asked yet.\n    const known = authByApp[integration.app];\n    const scheme = values\n      ? known?.find((s) => s.mode === values.authScheme)\n      : preferredScheme(known);\n    if (!values && scheme && !scheme.redirect && scheme.accountFields.length) {\n      setSetupPrompt({ app: integration.app, schemes: known! });\n      return;\n    }\n\n    setBusyApp(integration.app);\n\n    const nonce = newNonce();\n    const returnTo = `${window.location.origin}/?devic_oauth=${nonce}`;\n    // Opened empty inside the click, navigated once the URL is known — browsers\n    // only honour `window.open` inside the gesture that triggered it. Skipped\n    // when the scheme in hand needs no browser at all.\n    const popup =\n      scheme && !scheme.redirect\n        ? null\n        : window.open(\n            \"\",\n            \"devic-oauth\",\n            \"width=520,height=680,menubar=no,toolbar=no\"\n          );\n\n    try {\n      const { connected, authorizationUrl } = await client.connectIntegration(\n        integration.app,\n        { ...scope, returnTo, ...values }\n      );\n\n      // Nothing to authorise: the key the user typed is the account. Close the\n      // window that was opened in case it was needed and re-read the listing.\n      if (connected || !authorizationUrl) {\n        popup?.close();\n        setSetupPrompt(null);\n        finishConnect();\n        return;\n      }\n\n      pendingRef.current = { app: integration.app, returnTo };\n      setSetupPrompt(null);\n      if (popup && !popup.closed) {\n        popupRef.current = popup;\n        popup.location.href = authorizationUrl;\n        // The user may close the popup without the callback ever posting back\n        // — a cancelled consent screen, or a provider that lands somewhere\n        // else. Watching for the close is what keeps the card from staying\n        // busy forever.\n        pollRef.current = window.setInterval(() => {\n          if (popup.closed) finishConnect();\n        }, 700);\n      } else {\n        // Blocked (Safari, in-app browsers, extensions): hand over the URL.\n        setBlockedUrl({ app: integration.app, url: authorizationUrl });\n        setBusyApp(null);\n      }\n    } catch (err) {\n      popup?.close();\n      pendingRef.current = null;\n      setBusyApp(null);\n      const message = err instanceof Error ? err.message : String(err);\n      const setup = (err as DevicApiError)?.setupRequired;\n      if (setup) {\n        await openSetupForm(integration, setup);\n        return;\n      }\n      // While the form is up its own failures belong in it, next to the fields\n      // that caused them — a message behind a dialog is a message nobody reads.\n      if (setupPrompt?.app === integration.app) setFormError(message);\n      else setActionError(message);\n    }\n  };\n\n  /**\n   * Opens the credentials form for an app that needs one.\n   *\n   * `stage: \"app\"` is not the end user's to fix — it means the developer who\n   * embedded this widget has not registered an application with the provider\n   * yet. Asking a stranger for someone else's client secret would be both\n   * useless and a good way to teach them to hand credentials to a form, so it\n   * is reported as unavailable instead.\n   */\n  const openSetupForm = async (\n    integration: Integration,\n    setup: IntegrationSetupRequired\n  ) => {\n    if (setup.stage === \"app\") {\n      setActionError(\n        `${integration.name} is not available yet — it still needs to be set up ` +\n          `by the app's provider.`\n      );\n      return;\n    }\n    try {\n      const schemes =\n        authByApp[integration.app] ??\n        (await client!.getIntegrationAuth(integration.app, scope)).schemes;\n      if (!schemes.length) throw new Error(setup.message);\n      setAuthByApp((prev) => ({ ...prev, [integration.app]: schemes }));\n      setFormError(null);\n      setSetupPrompt({ app: integration.app, setup, schemes });\n    } catch (err) {\n      setActionError(err instanceof Error ? err.message : String(err));\n    }\n  };\n\n  const handleDisconnect = async (app: string, account: IntegrationAccount) => {\n    if (!client || busyApp) return;\n    setBusyApp(app);\n    setActionError(null);\n    try {\n      await client.disconnectIntegration(account.id, scope);\n      await refresh(true);\n    } catch (err) {\n      setActionError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setBusyApp(null);\n    }\n  };\n\n  if (!active) return null;\n\n  const dark = isDarkTheme(theme);\n\n  const panel = (\n    // The variables go here rather than on the backdrop, because this is the\n    // one element both shapes have: as a dialog it renders in a portal that\n    // inherits nothing from the drawer that opened it, and embedded it must\n    // not inherit the host's either — the colours it draws in are the ones\n    // `theme` names, and nothing else.\n    <div\n      className={[\n        \"devic-int-panel\",\n        dialog ? \"devic-int-modal\" : \"\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={themeVars(theme)}\n      data-dark={dark}\n      role={dialog ? \"dialog\" : \"region\"}\n      aria-modal={dialog || undefined}\n      aria-label={title}\n      onClick={dialog ? (e) => e.stopPropagation() : undefined}\n    >\n      {showHeader && (\n        <div className=\"devic-int-header\">\n          <h3 className=\"devic-int-title\">\n            <PlugIcon />\n            {title}\n          </h3>\n          {onClose && (\n            <button\n              className=\"devic-int-close\"\n              onClick={onClose}\n              type=\"button\"\n              aria-label=\"Close\"\n            >\n              ×\n            </button>\n          )}\n        </div>\n      )}\n\n      {showSearch && (\n        <div className=\"devic-int-search\">\n          <SearchIcon />\n          <input\n            type=\"search\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder={searchPlaceholder}\n            aria-label={searchPlaceholder}\n            autoComplete=\"off\"\n          />\n        </div>\n      )}\n\n      <div className=\"devic-int-body\">\n        {error && <div className=\"devic-int-error\">{error}</div>}\n\n        {blockedUrl && (\n          <div className=\"devic-int-notice\">\n            Your browser blocked the pop-up.{\" \"}\n            <a\n              href={blockedUrl.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => {\n                pendingRef.current = null;\n                setBlockedUrl(null);\n              }}\n            >\n              Open the authorisation page\n            </a>{\" \"}\n            and come back — then use Refresh.\n          </div>\n        )}\n\n        {loading && integrations.length === 0 ? (\n          // Silent while the MCP section is what this assistant offers: a\n          // spinner labelled \"Loading apps\" over a list of servers describes\n          // something that is not happening.\n          appsRefusalIsNoise ? null : (\n            <div className=\"devic-int-loading\">Loading apps…</div>\n          )\n        ) : integrations.length === 0 ? (\n          // Silent when MCP servers are the whole offer: \"no apps available\"\n          // over a list of servers reads as a broken panel.\n          mcp.offered ? null : (\n            <div className=\"devic-int-empty\">No apps available here yet.</div>\n          )\n        ) : visible.length === 0 ? (\n          <div className=\"devic-int-empty\">\n            No apps match “{query.trim()}”.\n          </div>\n        ) : (\n          <div className=\"devic-int-grid\">\n            {visible.map((integration) => {\n              const cardState = stateOf(integration);\n              const busy = busyApp === integration.app;\n              return (\n                <div\n                  key={integration.app}\n                  className=\"devic-int-card\"\n                  data-state={cardState.key}\n                >\n                  <div className=\"devic-int-card-head\">\n                    <IntegrationLogo integration={integration} />\n                    <span className=\"devic-int-state\">\n                      <span\n                        className=\"devic-int-dot\"\n                        data-ok={cardState.key === \"connected\"}\n                        data-off={cardState.key === \"disconnected\"}\n                        aria-hidden=\"true\"\n                      />\n                      {cardState.label}\n                    </span>\n                  </div>\n\n                  <div className=\"devic-int-name\" title={integration.name}>\n                    {integration.name}\n                  </div>\n\n                  {integration.description && (\n                    <div\n                      className=\"devic-int-description\"\n                      title={integration.description}\n                    >\n                      {integration.description}\n                    </div>\n                  )}\n\n                  <button\n                    type=\"button\"\n                    className={`devic-int-btn devic-int-btn-block${\n                      cardState.key === \"connected\"\n                        ? \"\"\n                        : \" devic-int-btn-primary\"\n                    }`}\n                    onClick={() => handleConnect(integration)}\n                    disabled={busy || !!busyApp}\n                    title={\n                      cardState.key === \"connected\"\n                        ? \"Sign in with a different account. The one connected now is replaced.\"\n                        : undefined\n                    }\n                  >\n                    {busy\n                      ? \"Waiting…\"\n                      : cardState.key === \"disconnected\"\n                        ? \"Connect\"\n                        : cardState.key === \"reconnect\"\n                          ? \"Reconnect\"\n                          : // Not \"Add account\": one account per app is all\n                            // the assistant can use, and connecting again\n                            // retires the previous one.\n                            \"Switch account\"}\n                  </button>\n\n                  {integration.accounts.length > 0 && (\n                    <ul className=\"devic-int-accounts\">\n                      {integration.accounts.map((account) => (\n                        <li key={account.id} className=\"devic-int-account\">\n                          <span\n                            className=\"devic-int-dot\"\n                            data-ok={!account.needsReconnect}\n                            aria-hidden=\"true\"\n                          />\n                          <span className=\"devic-int-account-label\">\n                            {accountLabel(account)}\n                            {account.needsReconnect && (\n                              <span className=\"devic-int-account-warn\">\n                                {\" \"}\n                                · reconnect required\n                              </span>\n                            )}\n                          </span>\n                          <button\n                            type=\"button\"\n                            className=\"devic-int-unlink\"\n                            onClick={() =>\n                              handleDisconnect(integration.app, account)\n                            }\n                            disabled={!!busyApp}\n                            title=\"Disconnect this account\"\n                            aria-label={`Disconnect ${integration.name}`}\n                          >\n                            ×\n                          </button>\n                        </li>\n                      ))}\n                    </ul>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Below the apps, in the same panel: to the end user these are one\n          question — what can I plug into this chat — and two panels would\n          mean finding out which of them a thing lives in. */}\n      {mcp.offered && (\n        <div className=\"devic-int-body devic-int-body-secondary\">\n          <McpServersSection state={mcp} theme={theme} query={query} />\n        </div>\n      )}\n\n      {showFooter && (\n        <div className=\"devic-int-footer\">\n          <span>Only you can see and use the accounts you connect here.</span>\n          <button\n            type=\"button\"\n            className=\"devic-int-btn devic-int-btn-small\"\n            onClick={() => {\n              void refresh(true);\n              void mcp.refresh();\n            }}\n            disabled={loading || mcp.loading || !!busyApp}\n          >\n            Refresh\n          </button>\n        </div>\n      )}\n\n      {/* Its own dialog, over this one: the fields and a provider's\n          explanation of where to find a key do not fit in a card of a grid.\n          Rendered inside the panel rather than beside it, so that a click on\n          its backdrop is stopped here — reaching the modal's own backdrop is\n          what used to close everything from under a half-typed key. */}\n      {setupPrompt && promptIntegration && (\n        <ConnectFieldsForm\n          integration={promptIntegration}\n          schemes={setupPrompt.schemes}\n          initialScheme={setupPrompt.setup?.authScheme}\n          onlyFields={setupPrompt.setup?.fields}\n          submitting={busyApp === setupPrompt.app}\n          error={formError}\n          theme={theme}\n          onCancel={() => {\n            setSetupPrompt(null);\n            setFormError(null);\n          }}\n          onSubmit={(values) => handleConnect(promptIntegration, values)}\n        />\n      )}\n    </div>\n  );\n\n  if (!dialog) return panel;\n\n  return createPortal(\n    <div className=\"devic-int-overlay\" onClick={onClose}>\n      {panel}\n    </div>,\n    document.body\n  );\n}\n\nexport default IntegrationsPanel;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/IntegrationsModal/index.d.ts

@@ -1,5 +1,7 @@
 export { IntegrationsModal, default } from "./IntegrationsModal";
 export type { IntegrationsModalProps } from "./IntegrationsModal";
+export { IntegrationsPanel } from "./IntegrationsPanel";
+export type { IntegrationsPanelProps } from "./IntegrationsPanel";
 export { IntegrationsLauncher, DEFAULT_MAX_LOGOS } from "./IntegrationsLauncher";
 export type { IntegrationsLauncherProps } from "./IntegrationsLauncher";
 export { IntegrationsHint } from "./IntegrationsHint";

package/dist/esm/index.d.ts

@@ -4,8 +4,8 @@ export { ChatDrawer, ChatMessages, ChatInput, ToolTimeline, ConversationSelector
 export type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle, ChatMessagesProps, ChatInputProps, CustomPromptBoxProps, MessageBubbleRenderer, MessageBubbleRendererProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, HandoffSubagentWidgetProps, ReferenceChipProps, ReferenceChipVariant, SuggestedMessage, UsageBarProps, UsageBarDisplay, UsageBarData, LimitBannerProps, QueueNoticeProps, RecalledMemoriesWidgetProps, RecalledMemoriesRenderer, RecalledMemoriesRendererProps, } from './components/ChatDrawer';
 export { CoreMemoryModal } from './components/CoreMemoryModal';
 export type { CoreMemoryModalProps } from './components/CoreMemoryModal';
-export { IntegrationsModal, IntegrationsLauncher, IntegrationsHint, IntegrationLogo, useIntegrations, McpServersSection, McpConnectForm, useTenantMcp, integrationChoiceKey, readIntegrationChoice, writeIntegrationChoice, pruneIntegrationChoice, } from './components/IntegrationsModal';
-export type { IntegrationsModalProps, IntegrationsLauncherProps, IntegrationsHintProps, IntegrationLogoProps, IntegrationsState, IntegrationsScope, UseIntegrationsOptions, McpServersSectionProps, McpConnectFormProps, TenantMcpState, UseTenantMcpOptions, } from './components/IntegrationsModal';
+export { IntegrationsModal, IntegrationsPanel, IntegrationsLauncher, IntegrationsHint, IntegrationLogo, useIntegrations, McpServersSection, McpConnectForm, useTenantMcp, integrationChoiceKey, readIntegrationChoice, writeIntegrationChoice, pruneIntegrationChoice, } from './components/IntegrationsModal';
+export type { IntegrationsModalProps, IntegrationsPanelProps, IntegrationsLauncherProps, IntegrationsHintProps, IntegrationLogoProps, IntegrationsState, IntegrationsScope, UseIntegrationsOptions, McpServersSectionProps, McpConnectFormProps, TenantMcpState, UseTenantMcpOptions, } from './components/IntegrationsModal';
 export { useAssistantInfo, forgetAssistant } from './api/assistantInfo';
 export type { AssistantInfoState, UseAssistantInfoOptions, } from './api/assistantInfo';
 export { createSharedSession } from './provider/sharedSession';

package/dist/esm/index.js

@@ -13,6 +13,7 @@ export { QueueNotice } from './components/ChatDrawer/QueueNotice.js';
 export { RecalledMemoriesWidget } from './components/ChatDrawer/RecalledMemoriesWidget.js';
 export { CoreMemoryModal } from './components/CoreMemoryModal/CoreMemoryModal.js';
 export { IntegrationsModal } from './components/IntegrationsModal/IntegrationsModal.js';
+export { IntegrationsPanel } from './components/IntegrationsModal/IntegrationsPanel.js';
 export { IntegrationsLauncher } from './components/IntegrationsModal/IntegrationsLauncher.js';
 export { IntegrationsHint } from './components/IntegrationsModal/IntegrationsHint.js';
 import 'react/jsx-runtime';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/styles.css

@@ -1 +1 @@
-.devic-state-tag{align-items:center;border:1px solid;border-radius:4px;cursor:default;display:inline-flex;font-family:var(--devic-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-size:12px;font-weight:500;gap:6px;line-height:20px;padding:2px 8px;position:relative;white-space:nowrap}.devic-state-tag[data-interactive=true]{cursor:pointer}.devic-state-tag[data-interactive=true]:hover{opacity:.85}.devic-state-tag[data-color=gold]{background:rgba(250,173,20,.15);border-color:rgba(250,173,20,.35);color:#faad14}.devic-state-tag[data-color=processing]{background:rgba(22,119,255,.15);border-color:rgba(22,119,255,.35);color:#4096ff}.devic-state-tag[data-color=success]{background:rgba(82,196,26,.15);border-color:rgba(82,196,26,.35);color:#52c41a}.devic-state-tag[data-color=error]{background:rgba(255,77,79,.15);border-color:rgba(255,77,79,.35);color:#ff4d4f}.devic-state-tag[data-color=default]{background:hsla(0,0%,60%,.15);border-color:hsla(0,0%,60%,.35);color:#999}.devic-state-tag[data-color=purple]{background:rgba(114,46,209,.15);border-color:rgba(114,46,209,.35);color:#b37feb}.devic-state-tag[data-color=blue]{background:rgba(22,119,255,.15);border-color:rgba(22,119,255,.35);color:#4096ff}.devic-state-tag-icon{align-items:center;display:inline-flex;flex-shrink:0}.devic-state-tag-caret{align-items:center;display:inline-flex;margin-left:2px;transition:transform .2s ease}.devic-state-tag[data-dropdown-open=true] .devic-state-tag-caret{transform:rotate(180deg)}.devic-state-spinner{animation:devic-state-spin 1s linear infinite}@keyframes devic-state-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.devic-state-tooltip{background:rgba(0,0,0,.85);border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.4;max-width:280px;padding:6px 10px;pointer-events:none;white-space:normal;z-index:1060}.devic-state-tooltip,.devic-state-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.devic-state-tooltip:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.85);content:"";top:100%}.devic-state-dropdown{animation:devic-dropdownSlide .15s ease-out;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);min-width:180px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:1050}@keyframes devic-dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.devic-state-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.devic-state-dropdown-item:hover{background:#f5f5f5}.devic-state-dropdown-item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:18px}.devic-state-tooltip-portal{background:rgba(0,0,0,.85);border-radius:6px;color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.4;max-width:280px;padding:6px 10px;pointer-events:none;white-space:normal;z-index:99999}.devic-state-dropdown-portal{animation:devic-dropdownSlide .15s ease-out;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);min-width:180px;padding:4px 0;z-index:99999}.devic-state-modal-overlay{align-items:center;animation:devic-fadeIn .2s ease;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}@keyframes devic-fadeIn{0%{opacity:0}to{opacity:1}}.devic-state-modal{animation:devic-modalSlide .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.08);display:flex;flex-direction:column;max-height:80vh;max-width:520px;width:90%}@keyframes devic-modalSlide{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.devic-state-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.devic-state-modal-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.devic-state-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;padding:4px}.devic-state-modal-close:hover{background:#f5f5f5;color:#333}.devic-state-modal-body{flex:1;overflow-y:auto;padding:20px}.devic-state-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.devic-state-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:6px 16px;transition:all .2s}.devic-state-btn:hover{border-color:#1677ff;color:#1677ff}.devic-state-btn-primary{background:#1677ff;border-color:#1677ff;color:#fff}.devic-state-btn-primary:hover{background:#4096ff;border-color:#4096ff;color:#fff}.devic-state-btn-danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.devic-state-btn-danger:hover{background:#ff7875;border-color:#ff7875;color:#fff}.devic-state-btn-success{background:#52c41a;border-color:#52c41a;color:#fff}.devic-state-btn-success:hover{background:#73d13d;border-color:#73d13d;color:#fff}.devic-state-btn:disabled{cursor:not-allowed;opacity:.5}.devic-explain-content{border:1px solid #e8e8e8;border-radius:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;max-height:300px;min-height:150px;overflow-y:auto;padding:12px;white-space:pre-wrap}.devic-typing-cursor{animation:devic-blink 1s step-end infinite}@keyframes devic-blink{0%,to{opacity:1}50%{opacity:0}}.devic-approval-layout{display:flex;gap:16px}.devic-approval-request{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;flex:1;font-size:13px;line-height:1.6;max-height:250px;overflow-y:auto;padding:12px}.devic-approval-actions{display:flex;flex:1;flex-direction:column;gap:12px}.devic-approval-textarea{border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;min-height:80px;outline:none;padding:8px 12px;resize:vertical;width:100%}.devic-approval-textarea:focus{border-color:#1677ff}.devic-approval-buttons{display:flex;flex-direction:column;gap:8px}.devic-completion-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;width:100%}.devic-completion-select:focus{border-color:#1677ff}.devic-state-loading{align-items:center;display:flex;justify-content:center;padding:24px}.devic-state-loading-spinner{animation:devic-state-spin .8s linear infinite;border:2px solid #f0f0f0;border-radius:50%;border-top-color:#1677ff;height:24px;width:24px}.devic-state-warning{align-items:flex-start;color:#cf1322;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px}.devic-message-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.devic-message-actions:focus-within,.devic-message:hover .devic-message-actions{opacity:1}.devic-message-actions:has(.devic-action-btn--active){opacity:1}.devic-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--devic-radius-sm,6px);color:var(--devic-text-muted,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.devic-action-btn:hover:not(:disabled){background:var(--devic-bg-secondary,#f8fafc);color:var(--devic-text-secondary,#64748b)}.devic-action-btn:disabled{cursor:not-allowed;opacity:.5}.devic-action-btn--active{color:var(--devic-primary,#3b82f6)}.devic-action-btn--active.devic-action-btn--positive{color:#22c55e}.devic-action-btn--active.devic-action-btn--negative{color:#ef4444}.devic-feedback-overlay{align-items:center;animation:devic-feedback-fade-in .15s ease;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes devic-feedback-fade-in{0%{opacity:0}to{opacity:1}}.devic-feedback-modal{animation:devic-feedback-slide-up .2s ease;background:var(--devic-bg,#fff);border-radius:var(--devic-radius,12px);box-shadow:0 20px 60px rgba(0,0,0,.2);margin:16px;max-width:400px;width:100%}@keyframes devic-feedback-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.devic-feedback-modal-header{align-items:center;border-bottom:1px solid var(--devic-border,#e2e8f0);display:flex;gap:10px;padding:16px 16px 12px}.devic-feedback-modal-icon{align-items:center;background:var(--devic-bg-secondary,#f8fafc);border-radius:8px;color:var(--devic-text,#1e293b);display:flex;height:32px;justify-content:center;width:32px}.devic-feedback-modal-title{color:var(--devic-text,#1e293b);flex:1;font-size:15px;font-weight:600}.devic-feedback-modal-close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.devic-feedback-modal-close:hover{background:var(--devic-bg-secondary,#f8fafc);color:var(--devic-text-secondary,#64748b)}.devic-feedback-textarea{background:transparent;border:none;border-bottom:1px solid var(--devic-border,#e2e8f0);box-sizing:border-box;color:var(--devic-text,#1e293b);display:block;font-family:inherit;font-size:14px;line-height:1.5;padding:12px 16px;resize:none;width:100%}.devic-feedback-textarea:focus{outline:none}.devic-feedback-textarea::placeholder{color:var(--devic-text-muted,#94a3b8)}.devic-feedback-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.devic-feedback-btn{border:none;border-radius:var(--devic-radius-sm,6px);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.devic-feedback-btn:disabled{cursor:not-allowed;opacity:.6}.devic-feedback-btn--secondary{background:var(--devic-bg-secondary,#f8fafc);color:var(--devic-text-secondary,#64748b)}.devic-feedback-btn--secondary:hover:not(:disabled){background:var(--devic-border,#e2e8f0)}.devic-feedback-btn--primary{background:var(--devic-primary,#3b82f6);color:#fff}.devic-feedback-btn--primary:hover:not(:disabled){background:var(--devic-primary-hover,#2563eb)}.devic-cmd-result-actions{border-top:1px solid var(--devic-cmd-border,var(--devic-border,#e5e7eb));margin-top:8px;padding-top:8px}.devic-cmd-result-actions .devic-message-actions{opacity:1;padding-left:10px}.devic-cmd-result-actions .devic-action-btn{opacity:.7}.devic-cmd-result-actions .devic-action-btn--active,.devic-cmd-result-actions .devic-action-btn:hover{opacity:1}.devic-cm-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.devic-cm-modal{background:var(--devic-bg,#fff);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.22);color:var(--devic-text,#333);display:flex;flex-direction:column;font-size:13px;max-height:min(640px,calc(100vh - 64px));width:min(560px,calc(100vw - 32px))}.devic-cm-header{align-items:center;border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;justify-content:space-between;padding:14px 16px}.devic-cm-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.devic-cm-title svg{color:var(--devic-recall-accent,#722ed1)}.devic-cm-close{background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#999);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.devic-cm-close:hover{background:var(--devic-bg-secondary,#f5f5f5);color:var(--devic-text,#333)}.devic-cm-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 16px}.devic-cm-error{background:rgba(255,77,79,.08);border:1px solid rgba(255,77,79,.4);border-radius:8px;color:#cf1322;font-size:12px;padding:8px 10px}.devic-cm-empty,.devic-cm-loading{color:var(--devic-text-muted,#999);padding:24px 8px;text-align:center}.devic-cm-section-title{color:var(--devic-text-muted,#999);font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.devic-cm-entry{align-items:flex-start;border:1px solid var(--devic-border,#e8e8e8);border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.devic-cm-entry-content{align-items:flex-start;display:flex;flex:1;gap:6px;white-space:pre-wrap;word-break:break-word}.devic-cm-pin{color:var(--devic-recall-accent,#722ed1);flex-shrink:0;margin-top:2px}.devic-cm-entry-actions{display:flex;flex-shrink:0;gap:4px}.devic-cm-editor{display:flex;flex:1;flex-direction:column;gap:6px}.devic-cm-textarea{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#d9d9d9);border-radius:8px;box-sizing:border-box;color:inherit;font:inherit;min-height:64px;padding:8px 10px;resize:vertical;width:100%}.devic-cm-textarea:focus{border-color:var(--devic-recall-accent,#722ed1);outline:none}.devic-cm-composer,.devic-cm-editor-actions{display:flex;gap:6px}.devic-cm-composer{flex-direction:column}.devic-cm-composer-row{display:flex;gap:6px}.devic-cm-select{color:inherit;padding:4px 8px}.devic-cm-btn,.devic-cm-select{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#d9d9d9);border-radius:6px;font:inherit}.devic-cm-btn{color:var(--devic-text,#333);cursor:pointer;font-size:12px;padding:5px 12px}.devic-cm-btn:hover:not(:disabled){border-color:var(--devic-recall-accent,#722ed1);color:var(--devic-recall-accent,#722ed1)}.devic-cm-btn:disabled{cursor:not-allowed;opacity:.5}.devic-cm-btn-primary{background:var(--devic-recall-accent,#722ed1);border-color:var(--devic-recall-accent,#722ed1);color:#fff}.devic-cm-btn-primary:hover:not(:disabled){color:#fff;opacity:.9}.devic-cm-btn-small{font-size:11px;padding:2px 8px}.devic-cm-btn-danger:hover:not(:disabled){border-color:#ff4d4f;color:#ff4d4f}.devic-cm-footer{border-top:1px solid var(--devic-border,#e8e8e8);color:var(--devic-text-muted,#999);font-size:11px;padding:10px 16px}.devic-int-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.devic-int-modal{background:var(--devic-bg,#fff);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.22);color:var(--devic-text,#333);display:flex;flex-direction:column;font-size:13px;max-height:min(660px,calc(100vh - 64px));width:min(620px,calc(100vw - 32px))}.devic-int-header{align-items:center;border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;justify-content:space-between;padding:14px 16px}.devic-int-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.devic-int-title svg{color:var(--devic-primary,#1677ff)}.devic-int-close{background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#999);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.devic-int-close:hover{background:var(--devic-bg-secondary,#f5f5f5);color:var(--devic-text,#333)}.devic-int-search{align-items:center;background:var(--devic-bg-secondary,#f7f7f7);border:1px solid var(--devic-border,#e8e8e8);border-radius:8px;color:var(--devic-text-muted,#999);display:flex;gap:8px;margin:12px 16px 0;padding:7px 10px}.devic-int-search:focus-within{border-color:var(--devic-primary,#1677ff)}.devic-int-search input{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:var(--devic-text,#333);flex:1;font:inherit;font-size:13px;min-width:0;outline:none}.devic-int-search input::-webkit-search-cancel-button{-webkit-appearance:none}.devic-int-search input::placeholder{color:var(--devic-text-muted,#999)}.devic-int-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:12px 16px}.devic-int-error{background:rgba(255,77,79,.08);border:1px solid rgba(255,77,79,.4);border-radius:8px;color:#ff4d4f;font-size:12px;padding:8px 10px}.devic-int-notice{background:rgba(250,173,20,.1);border:1px solid rgba(250,173,20,.45);border-radius:8px;color:inherit;font-size:12px;padding:8px 10px}.devic-int-notice a{color:var(--devic-primary,#1677ff)}.devic-int-empty,.devic-int-loading{color:var(--devic-text-muted,#999);padding:24px 8px;text-align:center}.devic-int-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}.devic-int-card{border:1px solid var(--devic-border,#e8e8e8);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.devic-int-card[data-state=connected]{border-color:rgba(82,196,26,.45)}.devic-int-card[data-state=reconnect]{border-color:rgba(250,173,20,.5)}.devic-int-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.devic-int-logo{background:var(--devic-bg-secondary,#f5f5f5);border-radius:8px;flex-shrink:0;height:32px;object-fit:contain;width:32px}.devic-int-logo-fallback{align-items:center;color:var(--devic-text-muted,#999);display:flex;font-weight:600;justify-content:center}.devic-int-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-state{align-items:center;color:var(--devic-text-muted,#999);display:inline-flex;font-size:11px;gap:4px;white-space:nowrap}.devic-int-card[data-state=connected] .devic-int-state{color:#52c41a}.devic-int-card[data-state=reconnect] .devic-int-state{color:#faad14}.devic-int-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--devic-text-muted,#999);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.devic-int-accounts{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.devic-int-account{align-items:center;background:var(--devic-bg-secondary,#f7f7f7);border-radius:6px;display:flex;font-size:11px;gap:6px;padding:3px 6px}.devic-int-account-label{color:var(--devic-text-muted,#999);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-account-warn{color:#faad14}.devic-int-dot{background:#faad14;border-radius:50%;flex-shrink:0;height:6px;width:6px}.devic-int-dot[data-ok=true]{background:#52c41a}.devic-int-dot[data-off=true]{background:var(--devic-text-muted,#bbb)}.devic-int-unlink{background:transparent;border:none;border-radius:4px;color:var(--devic-text-muted,#999);cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:0 2px}.devic-int-unlink:hover:not(:disabled){color:#ff4d4f}.devic-int-unlink:disabled{cursor:not-allowed;opacity:.4}.devic-int-btn{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#d9d9d9);border-radius:6px;color:var(--devic-text,#333);cursor:pointer;flex-shrink:0;font:inherit;font-size:12px;padding:5px 12px}.devic-int-btn:hover:not(:disabled){border-color:var(--devic-primary,#1677ff);color:var(--devic-primary,#1677ff)}.devic-int-btn:disabled{cursor:not-allowed;opacity:.5}.devic-int-btn-block{margin-top:auto;text-align:center;width:100%}.devic-int-btn-primary{background:var(--devic-primary,#1677ff);border-color:var(--devic-primary,#1677ff);color:#fff}.devic-int-btn-primary:hover:not(:disabled){color:#fff;opacity:.9}.devic-int-btn-small{font-size:11px;padding:2px 8px}.devic-int-overlay-stacked{background:rgba(0,0,0,.5);z-index:10001}.devic-int-connect-dialog{background:var(--devic-bg,#fff);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.3);color:var(--devic-text,#333);display:flex;flex-direction:column;font-size:13px;max-height:calc(100vh - 64px);width:min(440px,calc(100vw - 32px))}.devic-int-connect-header{align-items:flex-start;border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;gap:10px;padding:14px 16px}.devic-int-connect-heading{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.devic-int-connect-heading strong{font-size:14px}.devic-int-connect-heading span{color:var(--devic-text-muted,#999);font-size:11px;line-height:1.4}.devic-int-connect-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:16px}.devic-int-connect-field{display:flex;flex-direction:column;gap:5px}.devic-int-connect-label{color:var(--devic-text,#333);font-size:12px;font-weight:500}.devic-int-connect-label em{color:var(--devic-text-muted,#999);font-style:normal;font-weight:400}.devic-int-connect-field input,.devic-int-connect-field select{background:var(--devic-bg-secondary,#fafafa);border:1px solid var(--devic-border,#d9d9d9);border-radius:8px;box-sizing:border-box;color:var(--devic-text,#333);font:inherit;font-size:13px;height:36px;line-height:normal;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.devic-int-connect-field input::placeholder{color:var(--devic-text-muted,#bbb)}.devic-int-connect-field input:focus,.devic-int-connect-field select:focus{border-color:var(--devic-primary,#1677ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--devic-primary,#1677ff) 18%,transparent);outline:none}.devic-int-connect-field input[data-invalid]{border-color:#ff4d4f}.devic-int-connect-field input[data-invalid]:focus{box-shadow:0 0 0 3px rgba(255,77,79,.18)}.devic-int-connect-hint{color:var(--devic-text-muted,#999);font-size:11px;line-height:1.45}.devic-int-connect-guide{color:var(--devic-primary,#1677ff);font-size:12px}.devic-int-connect-actions{justify-content:flex-end;padding:12px 16px}.devic-int-connect-actions,.devic-int-footer{border-top:1px solid var(--devic-border,#e8e8e8);display:flex;gap:8px}.devic-int-footer{align-items:center;color:var(--devic-text-muted,#999);font-size:11px;justify-content:space-between;padding:10px 16px}.devic-int-launcher{align-items:center;background:none;border:none;border-radius:var(--devic-radius-sm,6px);cursor:pointer;display:inline-flex;padding:4px 5px;transition:background var(--devic-transition,.2s)}.devic-int-launcher:hover{background:var(--devic-bg-secondary,#f5f5f5)}.devic-int-launcher-item{align-items:center;background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#e8e8e8);border-radius:6px;box-sizing:border-box;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-left:-4px;overflow:hidden;width:22px}.devic-int-launcher-item:first-child{margin-left:0}.devic-int-launcher-item[data-connected=false]{opacity:.55}.devic-int-logo.devic-int-launcher-logo{background:transparent;border-radius:3px;font-size:11px;height:16px;width:16px}.devic-int-launcher-initial{align-items:center;display:inline-flex;font-size:10px;font-weight:600;justify-content:center;line-height:1}.devic-int-launcher-more{background:var(--devic-bg-secondary,#f0f0f0);color:var(--devic-text-muted,#999);font-size:10px;font-weight:600}.devic-int-launcher-loading{cursor:default}.devic-int-launcher-loading:hover{background:none}.devic-int-launcher-skeleton{animation:devic-int-pulse 1.4s ease-in-out infinite;background:var(--devic-bg-secondary,#f0f0f0)}.devic-int-launcher-skeleton:nth-child(2){animation-delay:.16s}.devic-int-launcher-skeleton:nth-child(3){animation-delay:.32s}.devic-int-launcher-skeleton:nth-child(n+4){animation-delay:.48s}@keyframes devic-int-pulse{0%,to{opacity:.35}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.devic-int-launcher-skeleton{animation:none;opacity:.5}}.devic-int-launcher[data-dark=true] .devic-int-launcher-item{background:hsla(0,0%,100%,.92);border-color:hsla(0,0%,100%,.16)}.devic-int-launcher[data-dark=true] .devic-int-launcher-more{background:var(--devic-bg-secondary,#f0f0f0);border-color:var(--devic-border,#e8e8e8)}.devic-int-overlay[data-dark=true] .devic-int-card .devic-int-logo{background:hsla(0,0%,100%,.92)}.devic-int-overlay[data-dark=true] .devic-int-card .devic-int-logo-fallback{color:#595959}.devic-int-hint{align-items:center;background:var(--devic-bg-secondary,#f7f7f7);border:1px solid var(--devic-border,#e8e8e8);border-radius:12px;display:flex;gap:4px;margin:0 0 8px;padding:6px 8px 6px 12px;transition:opacity .2s ease,transform .2s ease}.devic-int-hint[data-leaving=true]{opacity:0;pointer-events:none;transform:translateY(-4px)}.devic-int-hint-main{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex:1;font:inherit;gap:10px;justify-content:space-between;min-width:0;padding:2px}.devic-int-hint-label{color:var(--devic-text-muted,#8c8c8c);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-hint-main:hover .devic-int-hint-label{color:var(--devic-text,#333)}.devic-int-hint-logos{gap:6px}.devic-int-hint-item,.devic-int-hint-logos{align-items:center;display:flex;flex-shrink:0}.devic-int-hint-item{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#e8e8e8);border-radius:6px;box-sizing:border-box;height:24px;justify-content:center;overflow:hidden;width:24px}.devic-int-hint-item[data-connected=false]{opacity:.6}.devic-int-logo.devic-int-hint-logo{background:transparent;border-radius:3px;font-size:11px;height:17px;width:17px}.devic-int-hint-more{background:var(--devic-bg-secondary,#f0f0f0);color:var(--devic-text-muted,#999);font-size:10px;font-weight:600}.devic-int-hint-close{background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#999);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:2px 6px}.devic-int-hint-close:hover{background:var(--devic-bg,#fff);color:var(--devic-text,#333)}.devic-int-hint[data-dark=true] .devic-int-hint-item{background:hsla(0,0%,100%,.92);border-color:hsla(0,0%,100%,.16)}.devic-int-hint[data-dark=true] .devic-int-hint-more{background:var(--devic-bg,#1f1f1f);border-color:var(--devic-border,#303030)}.devic-int-hint-ghost{align-items:center;display:flex;gap:6px;pointer-events:none;position:fixed;z-index:10001}.devic-int-toggle{display:inline-flex;flex-shrink:0;position:relative}.devic-int-toggle-btn{position:relative}.devic-int-toggle-badge{background:var(--devic-primary,#1677ff);border-radius:7px;box-sizing:border-box;color:#fff;font-size:9px;font-weight:600;height:14px;line-height:14px;min-width:14px;padding:0 3px;position:absolute;right:-2px;text-align:center;top:-2px}.devic-int-toggle-popover{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#e8e8e8);border-radius:var(--devic-radius,10px);bottom:calc(100% + 8px);box-shadow:0 8px 24px rgba(0,0,0,.14);box-sizing:border-box;color:var(--devic-text,#333);left:0;max-height:320px;overflow-y:auto;padding:10px;position:absolute;width:260px;z-index:10002}.devic-int-toggle-head{border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:2px 2px 8px}.devic-int-toggle-head strong{font-size:13px}.devic-int-toggle-head span{color:var(--devic-text-muted,#999);font-size:11px;line-height:1.4}.devic-int-toggle-list{list-style:none;margin:0;padding:0}.devic-int-toggle-row{align-items:center;border-radius:var(--devic-radius-sm,6px);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 4px}.devic-int-toggle-row:hover{background:var(--devic-bg-secondary,#f5f5f5)}.devic-int-toggle-app{align-items:center;display:flex;gap:8px;min-width:0}.devic-int-toggle-app .devic-int-logo{border-radius:4px;flex-shrink:0;height:18px;object-fit:contain;width:18px}.devic-int-toggle-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-toggle-group{border-top:1px solid var(--devic-border,hsla(0,0%,50%,.22));font-size:10px;letter-spacing:.06em;margin-top:6px;opacity:.55;padding:10px 4px 4px;text-transform:uppercase}.devic-int-toggle-mcp-logo{border-radius:4px;flex-shrink:0;height:18px;object-fit:contain;width:18px}.devic-int-toggle-mcp-fallback{align-items:center;background:var(--devic-surface-2,hsla(0,0%,50%,.18));color:inherit;display:inline-flex;font-size:10px;font-weight:600;justify-content:center}.devic-int-toggle-switch{appearance:none;-webkit-appearance:none;background:var(--devic-border,#d9d9d9);border-radius:9px;cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:background var(--devic-transition,.2s);width:32px}.devic-int-toggle-switch:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform var(--devic-transition,.2s);width:14px}.devic-int-toggle-switch:checked{background:var(--devic-primary,#1677ff)}.devic-int-toggle-switch:checked:after{transform:translateX(14px)}.devic-int-toggle-switch:focus-visible{outline:2px solid var(--devic-primary,#1677ff);outline-offset:2px}.devic-int-toggle-manage{background:none;border:none;border-radius:0 0 var(--devic-radius-sm,6px) var(--devic-radius-sm,6px);border-top:1px solid var(--devic-border,#e8e8e8);color:var(--devic-primary,#1677ff);cursor:pointer;font:inherit;font-size:12px;margin-top:6px;padding:6px;width:100%}.devic-int-toggle-manage:hover{background:var(--devic-bg-secondary,#f5f5f5)}.devic-int-toggle[data-dark=true] .devic-int-toggle-popover{box-shadow:0 8px 24px rgba(0,0,0,.45)}.devic-int-toggle[data-dark=true] .devic-int-toggle-switch:not(:checked){background:var(--devic-border,#434343)}.devic-int-body-secondary{overflow:visible;padding-top:0}.devic-int-mcp-section{border-top:1px solid var(--devic-border,#e8e8e8);display:flex;flex-direction:column;gap:10px;padding-top:12px}.devic-int-mcp-heading h4{font-size:13px;font-weight:600;margin:0}.devic-int-mcp-heading span{color:var(--devic-text-muted,#999);display:block;font-size:12px;margin-top:2px}.devic-int-mcp-logo{border-radius:8px;flex-shrink:0;height:32px;object-fit:contain;width:32px}.devic-int-mcp-logo-fallback{align-items:center;background:var(--devic-primary,#1677ff);color:#fff;display:inline-flex;font-size:14px;font-weight:600;justify-content:center}.devic-int-mcp-note{color:var(--devic-text-muted,#999);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-mcp-note-warn{color:#faad14}.devic-int-mcp-add{align-self:flex-start;border-style:dashed}.devic-int-mcp-remove{border-color:rgba(255,77,79,.35);color:#ff4d4f}.devic-int-mcp-advanced{display:flex;flex-direction:column;gap:8px}.devic-int-mcp-disclosure{align-self:flex-start;font:inherit;font-size:12px}.devic-int-mcp-copy,.devic-int-mcp-disclosure{background:none;border:none;color:var(--devic-primary,#1677ff);cursor:pointer;padding:0}.devic-int-mcp-copy{font:inherit;font-size:inherit}.devic-int-toggle-btn-loading{animation:devic-int-toggle-pulse 1.4s ease-in-out infinite;cursor:default;opacity:.35}@keyframes devic-int-toggle-pulse{0%,to{opacity:.25}50%{opacity:.5}}.devic-chat-drawer{--devic-primary:#1890ff;--devic-primary-hover:#40a9ff;--devic-primary-light:#e6f7ff;--devic-bg:#fff;--devic-bg-secondary:#f5f5f5;--devic-text:#333;--devic-text-secondary:#666;--devic-text-muted:#999;--devic-border:#e8e8e8;--devic-shadow:0 4px 12px rgba(0,0,0,.15);--devic-error:#ff4d4f;--devic-queued-accent:var(--devic-text-muted);--devic-queued-bubble-bg:transparent;--devic-queued-border:var(--devic-border);--devic-radius:8px;--devic-radius-sm:4px;--devic-radius-lg:16px;--devic-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--devic-transition:0.3s ease;background:var(--devic-bg);bottom:0;box-shadow:var(--devic-shadow);color:var(--devic-text);display:flex;flex-direction:column;font-family:var(--devic-font-family);font-size:14px;line-height:1.5;position:fixed;top:0;transition:transform var(--devic-transition)}.devic-chat-drawer[data-position=right]{right:0;transform:translateX(100%)}.devic-chat-drawer[data-position=left]{left:0;transform:translateX(-100%)}.devic-chat-drawer[data-open=true]{transform:translateX(0)}.devic-drawer-overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;position:fixed;transition:opacity var(--devic-transition),visibility var(--devic-transition);visibility:hidden}.devic-drawer-overlay[data-open=true]{opacity:1;visibility:visible}.devic-drawer-header{align-items:center;border-bottom:1px solid var(--devic-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.devic-drawer-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.devic-drawer-title{flex-shrink:1;font-size:16px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-drawer-close{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-drawer-close:hover{background:var(--devic-bg-secondary);color:var(--devic-text)}.devic-messages-container{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.devic-welcome{color:var(--devic-text-secondary);padding:24px 16px;text-align:center}.devic-welcome-text{font-size:16px;margin-bottom:16px}.devic-suggested-messages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.devic-suggested-btn{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-lg);color:var(--devic-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:border-color var(--devic-transition),background var(--devic-transition)}.devic-suggested-btn:hover{background:var(--devic-primary-light);border-color:var(--devic-primary)}.devic-message{display:flex;flex-direction:column;max-width:85%}.devic-message[data-role=user]{align-self:flex-end}.devic-message[data-role=assistant],.devic-message[data-role=tool]{align-self:flex-start}.devic-message-bubble{word-wrap:break-word;border-radius:var(--devic-radius);padding:10px 14px}.devic-message[data-role=user] .devic-message-bubble{background:var(--devic-user-bubble,var(--devic-primary));border-bottom-right-radius:var(--devic-radius-sm);color:var(--devic-user-bubble-text,#fff)}.devic-message[data-role=assistant] .devic-message-bubble{background:var(--devic-assistant-bubble,var(--devic-bg-secondary));border-bottom-left-radius:var(--devic-radius-sm);color:var(--devic-assistant-bubble-text,var(--devic-text))}.devic-message[data-role=tool] .devic-message-bubble{background:var(--devic-primary-light);border:1px solid var(--devic-primary);color:var(--devic-text);font-size:12px}.devic-message-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.devic-message-time{color:var(--devic-text-muted);font-size:11px}.devic-message[data-role=user] .devic-message-footer{justify-content:flex-end}.devic-message[data-role=user] .devic-message-time{text-align:right}.devic-message[data-queued=true] .devic-message-bubble{background:var(--devic-queued-bubble-bg);border:1px dashed var(--devic-queued-border);color:var(--devic-text);opacity:.85}.devic-message-queued-label{align-items:center;color:var(--devic-queued-accent);display:inline-flex;font-size:11px;gap:4px}.devic-message-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.devic-message-file{align-items:center;background:hsla(0,0%,100%,.2);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:6px 10px}.devic-recall{align-self:flex-start;background:var(--devic-recall-bg,rgba(114,46,209,.06));border:1px solid var(--devic-recall-border,rgba(114,46,209,.3));border-radius:var(--devic-radius-sm,8px);color:var(--devic-text-secondary);flex-shrink:0;font-size:12px;margin:2px 0 8px;max-width:88%;overflow:hidden}.devic-recall-header{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:6px;padding:6px 10px;text-align:left;width:100%}.devic-recall-icon{color:var(--devic-recall-accent,#722ed1);flex-shrink:0}.devic-recall-title{color:var(--devic-text);font-weight:600;white-space:nowrap}.devic-recall-summary{opacity:.75;white-space:nowrap}.devic-recall-spacer{flex:1}.devic-recall-source{border:1px solid var(--devic-recall-border,rgba(114,46,209,.3));border-radius:4px;color:var(--devic-recall-accent,#722ed1);font-size:10px;line-height:16px;padding:0 6px;white-space:nowrap}.devic-recall-chevron{flex-shrink:0;opacity:.6;transition:transform .15s ease}.devic-recall-body{display:flex;flex-direction:column;gap:8px;padding:2px 10px 10px}.devic-recall-facts{display:flex;flex-direction:column;gap:6px}.devic-recall-fact{color:var(--devic-text);display:flex;flex-direction:column;gap:2px}.devic-recall-fact-meta{color:var(--devic-text-muted);font-size:10px}.devic-recall-entities{display:flex;flex-wrap:wrap;gap:4px}.devic-recall-entity{background:var(--devic-bg);border:1px solid var(--devic-border,#d9d9d9);border-radius:4px;color:var(--devic-text-secondary);font-size:10px;line-height:18px;padding:0 6px}.devic-recall-entity-type{opacity:.55}.devic-recall-turns{display:flex;flex-direction:column;gap:3px}.devic-recall-turns-title{font-size:10px;font-weight:600;letter-spacing:.4px;opacity:.7;text-transform:uppercase}.devic-recall-turn{font-size:11px;opacity:.85}.devic-recall-turn-role{font-weight:600}.devic-loading{align-self:flex-start;display:flex;gap:4px;padding:10px 14px}.devic-loading-dot{animation:devic-bounce 1.4s ease-in-out infinite both;background:var(--devic-text-muted);border-radius:50%;height:8px;width:8px}.devic-loading-dot:first-child{animation-delay:-.32s}.devic-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes devic-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.devic-tool-group{align-self:flex-start;display:flex;flex-direction:column;gap:2px;max-width:85%}.devic-tool-activity{align-items:flex-start;animation:devic-slideUp .3s ease-out;display:flex;gap:8px;padding:4px 0}.devic-tool-activity-icon{align-items:center;color:var(--devic-text-muted);display:flex;flex-shrink:0;margin-top:1px}.devic-tool-activity--active .devic-tool-activity-icon{color:var(--devic-primary)}.devic-tool-activity-text{color:var(--devic-text-secondary);font-size:13px;line-height:1.4}.devic-glow-text{animation:devic-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes devic-pulse{0%,to{opacity:1}50%{opacity:.5}}.devic-spinner{animation:devic-spin 1s linear infinite}@keyframes devic-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes devic-slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.devic-tool-collapse-btn{align-items:center;background:none;border:none;color:var(--devic-text-muted);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:12px;gap:6px;padding:4px 0;transition:color .2s ease}.devic-tool-collapse-btn:hover{color:var(--devic-primary)}.devic-tool-group-items{animation:devic-expandItems .4s ease-out;overflow:hidden}.devic-tool-group-items[data-expanded=true]{max-height:500px}@keyframes devic-expandItems{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.devic-input-area{border-top:1px solid var(--devic-border);flex-shrink:0;padding:16px}.devic-input-wrapper{--devic-input-row-height:28px;--devic-input-line-height:20px;align-items:flex-end;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);display:flex;gap:8px;padding:8px 12px}.devic-input{background:none;border:none;box-sizing:border-box;color:var(--devic-text);flex:1;font-family:inherit;font-size:14px;line-height:var(--devic-input-line-height);max-height:120px;min-height:var(--devic-input-row-height);outline:none;padding:calc((var(--devic-input-row-height) - var(--devic-input-line-height))/2) 0;resize:none}.devic-input::placeholder{color:var(--devic-text-muted)}.devic-input-btn{align-items:center;background:none;border:none;border-radius:var(--devic-radius-sm);box-sizing:border-box;color:var(--devic-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:var(--devic-input-row-height,28px);padding:4px;transition:color var(--devic-transition)}.devic-input-btn:hover:not(:disabled){color:var(--devic-primary)}.devic-input-btn:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn{padding:4px 12px}.devic-send-btn,.devic-stop-btn{background:var(--devic-send-btn,var(--devic-primary));border-radius:var(--devic-radius-sm);color:#fff}.devic-stop-btn{min-width:var(--devic-input-row-height,28px);padding:4px}.devic-stop-btn:hover{background:var(--devic-primary-hover);color:#fff}.devic-send-btn-wrapper{flex-shrink:0;position:relative}.devic-send-btn-custom{align-items:center;display:flex;justify-content:center;pointer-events:none}.devic-send-btn-overlay{background:transparent;border:none;cursor:pointer;inset:0;margin:0;padding:0;position:absolute}.devic-send-btn-overlay:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn:hover:not(:disabled){background:var(--devic-primary-hover);color:#fff}.devic-speech-error{background:#fff1f0;border:1px solid #ffccc7;border-radius:var(--devic-radius-sm);color:#cf1322;font-size:12px;margin-bottom:8px;padding:6px 10px}.devic-speech-mic.devic-input-btn:hover:not(:disabled){color:var(--devic-primary)}.devic-speech-mic-wrap{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.devic-speech-mic-wrap[data-holding=true] .devic-speech-mic{color:var(--devic-primary)}.devic-mic-hold-ring{height:calc(100% + 6px);inset:-3px;pointer-events:none;position:absolute;transform:rotate(-90deg);width:calc(100% + 6px)}.devic-mic-hold-ring-track{fill:none;stroke:var(--devic-primary);stroke-opacity:.18;stroke-width:3}.devic-mic-hold-ring-progress{fill:none;stroke:var(--devic-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 90ms linear}.devic-speech-panel{align-items:center;display:flex;flex:1;gap:8px;min-height:var(--devic-input-row-height,28px)}.devic-speech-live{align-items:center;display:flex;flex:1;gap:10px;justify-content:flex-start}.devic-speech-timer{color:var(--devic-text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.devic-speech-confirm{color:#389e0d}.devic-speech-confirm.devic-input-btn:hover:not(:disabled){color:#237804}.devic-speech-confirm-wrap{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.devic-autostop-ring{height:calc(100% + 6px);inset:-3px;pointer-events:none;position:absolute;transform:rotate(-90deg);width:calc(100% + 6px)}.devic-autostop-ring-track{fill:none;stroke:#389e0d;stroke-opacity:.18;stroke-width:3}.devic-autostop-ring-progress{fill:none;stroke:#389e0d;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 90ms linear}.devic-speech-confirm-wrap[data-autostop=true] .devic-speech-confirm{animation:devic-autostop-pulse 1s ease-in-out infinite}@keyframes devic-autostop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.devic-handoff-bar{align-items:center;background:var(--devic-primary-light,#e6f7ff);border-radius:8px;color:var(--devic-primary);display:flex;font-size:12px;gap:8px;margin-bottom:6px;padding:5px 8px}.devic-handoff-dot{animation:devic-handoff-blink 1.2s ease-in-out infinite;background:var(--devic-primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.devic-handoff-bar[data-waiting=true] .devic-handoff-dot{animation-duration:.7s}@keyframes devic-handoff-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.devic-handoff-label{flex:1;font-weight:500}.devic-handoff-stop{align-items:center;background:transparent;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:22px;justify-content:center;opacity:.8;padding:0;width:22px}.devic-handoff-stop:hover{background:rgba(0,0,0,.06);opacity:1}.devic-handoff-pending{align-items:center;animation:devic-handoff-pending-in .18s ease-out;display:flex;flex:1;gap:10px;min-height:24px;min-width:0}@keyframes devic-handoff-pending-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.devic-handoff-pending-icon{align-items:center;animation:devic-autostop-pulse 1s ease-in-out infinite;color:var(--devic-primary);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.devic-handoff-ring{height:100%;inset:0;pointer-events:none;position:absolute;transform:rotate(-90deg);width:100%}.devic-handoff-ring-track{fill:none;stroke:var(--devic-primary);stroke-opacity:.18;stroke-width:3}.devic-handoff-ring-progress{fill:none;stroke:var(--devic-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 90ms linear}.devic-handoff-pending-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.devic-handoff-pending-title{color:var(--devic-primary);font-size:13px;font-weight:500}.devic-handoff-pending-preview{color:var(--devic-text-secondary);font-size:12px;max-height:4.5em;overflow-wrap:anywhere;overflow-y:auto;white-space:normal;word-break:break-word}.devic-speech-cancel{color:var(--devic-text-muted)}.devic-speech-cancel.devic-input-btn:hover:not(:disabled){color:#cf1322}.devic-speech-status{color:var(--devic-text-secondary);font-size:13px}.devic-speech-spinner{animation:devic-spin .8s linear infinite;border:2px solid var(--devic-border);border-radius:50%;border-top-color:var(--devic-primary);flex-shrink:0;height:16px;width:16px}.devic-transcript-playback{align-items:center;background:hsla(0,0%,100%,.18);border-radius:999px;display:inline-flex;font-size:12px;gap:6px;line-height:1;margin-top:6px;max-width:100%;padding:3px 8px 3px 3px}.devic-message[data-role=assistant] .devic-transcript-playback{background:var(--devic-bg-secondary,rgba(0,0,0,.05))}.devic-transcript-btn{align-items:center;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;color:var(--devic-primary,#6c5ce7);cursor:pointer;display:inline-flex;flex-shrink:0;height:22px;justify-content:center;padding:0;transition:background .15s ease;width:22px}.devic-transcript-btn:hover:not(:disabled){background:#fff}.devic-transcript-btn:disabled{cursor:default;opacity:.7}.devic-transcript-icon{align-items:center;display:inline-flex;opacity:.85}.devic-transcript-playback[data-playing=true] .devic-transcript-icon{animation:devic-pulse 1.2s ease-in-out infinite}.devic-transcript-label{opacity:.9;white-space:nowrap}.devic-transcript-spinner{animation:devic-spin .8s linear infinite;border:2px solid rgba(108,92,231,.3);border-radius:50%;border-top:2px solid var(--devic-primary,#6c5ce7);height:12px;width:12px}.devic-equalizer{align-items:center;display:flex;gap:3px;height:24px}.devic-equalizer-bar{background:var(--devic-primary);border-radius:2px;min-height:3px;transition:height 90ms ease-out;width:3px}.devic-equalizer[data-paused=true] .devic-equalizer-bar{background:var(--devic-text-muted);height:10%!important}.devic-file-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.devic-file-preview-item{align-items:center;background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:4px 8px}.devic-file-remove{background:none;border:none;color:var(--devic-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0}.devic-file-remove:hover{color:#ff4d4f}.devic-file-preview-thumb{border-radius:var(--devic-radius-sm);display:block;height:28px;object-fit:cover;width:28px}.devic-input-area{position:relative}.devic-drop-overlay{align-items:center;background:var(--devic-bg);border:2px dashed var(--devic-primary,var(--devic-border));border-radius:var(--devic-radius);color:var(--devic-text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.devic-pasted-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.devic-pasted-card{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius);font-size:12px;max-width:240px;padding:10px;position:relative;text-align:left}.devic-pasted-card-preview{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:var(--devic-text-muted);display:-webkit-box;line-height:1.4;margin:0 0 8px;overflow:hidden}.devic-pasted-card-footer{align-items:center;display:flex;gap:8px}.devic-pasted-card-badge{background:var(--devic-bg-secondary);border-radius:var(--devic-radius-sm);color:var(--devic-text);font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 6px}.devic-pasted-card-meta{color:var(--devic-text-muted);font-size:11px}.devic-pasted-card-remove{position:absolute;right:6px;top:4px}.devic-message-pasted{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.devic-message-pasted .devic-pasted-card{max-width:100%;overflow:hidden;padding:0}.devic-pasted-card-toggle{background:none;border:none;color:var(--devic-text);cursor:pointer;display:block;font:inherit;padding:10px;text-align:left;width:100%}.devic-pasted-card-full{color:var(--devic-text);font-family:var(--devic-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:11px;line-height:1.5;margin:0 0 8px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word}.devic-message-file-image{border-radius:var(--devic-radius-sm);display:block;max-width:220px;overflow:hidden}.devic-message-file-image img{display:block;height:auto;width:100%}.devic-trigger{align-items:center;background:var(--devic-primary);border:none;border-radius:50%;box-shadow:var(--devic-shadow);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;transition:background var(--devic-transition),transform var(--devic-transition);width:56px}.devic-trigger:hover{background:var(--devic-primary-hover);transform:scale(1.05)}.devic-trigger svg{height:24px;width:24px}.devic-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:var(--devic-radius);color:#ff4d4f;font-size:13px;margin:8px 16px;padding:12px}.devic-messages-container::-webkit-scrollbar{width:6px}.devic-messages-container::-webkit-scrollbar-track{background:transparent}.devic-messages-container::-webkit-scrollbar-thumb{background:var(--devic-border);border-radius:3px}.devic-messages-container::-webkit-scrollbar-thumb:hover{background:var(--devic-text-muted)}.devic-chat-drawer[data-mode=inline]{border:1px solid var(--devic-border);bottom:auto;box-shadow:none;height:100%;left:auto;position:relative;right:auto;top:auto;transform:none}.devic-drawer-header-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.devic-new-chat-btn{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-new-chat-btn:hover{background:var(--devic-bg-secondary);color:var(--devic-primary)}.devic-conversation-selector{flex:1;margin:0 8px;min-width:72px;position:relative}.devic-conversation-selector-trigger{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);color:var(--devic-text);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:13px;gap:6px;padding:6px 10px;text-align:left;transition:border-color var(--devic-transition);width:100%}.devic-conversation-selector-trigger:hover{border-color:var(--devic-primary)}.devic-conversation-selector-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-conversation-dropdown{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius);box-shadow:var(--devic-shadow);display:flex;flex-direction:column;left:0;max-height:320px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.devic-conversation-search-wrapper{border-bottom:1px solid var(--devic-border);padding:8px}.devic-conversation-search{background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);box-sizing:border-box;color:var(--devic-text);font-family:var(--devic-font-family);font-size:13px;outline:none;padding:6px 8px;width:100%}.devic-conversation-search:focus{border-color:var(--devic-primary)}.devic-conversation-list{flex:1;overflow-y:auto}.devic-conversation-item{align-items:center;background:none;border:none;color:var(--devic-text);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:13px;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.devic-conversation-item:hover,.devic-conversation-item[data-active=true]{background:var(--devic-bg-secondary)}.devic-conversation-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-conversation-item-date{color:var(--devic-text-muted);flex-shrink:0;font-size:11px;margin-left:8px}.devic-conversation-empty,.devic-conversation-loading{color:var(--devic-text-muted);font-size:13px;padding:12px;text-align:center}.devic-conversation-load-more{background:none;border:none;color:var(--devic-text-muted);cursor:pointer;display:block;font-family:var(--devic-font-family);font-size:12px;padding:8px 12px;text-align:center;transition:background .15s;width:100%}.devic-conversation-load-more:hover{background:var(--devic-bg-secondary);color:var(--devic-primary)}.devic-conversation-new{background:none;border:none;border-top:1px solid var(--devic-border);color:var(--devic-primary);cursor:pointer;display:block;font-family:var(--devic-font-family);font-size:13px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.devic-conversation-new:hover{background:var(--devic-bg-secondary)}.devic-conversation-item-check{align-items:center;color:var(--devic-primary);display:flex;flex-shrink:0;margin-right:6px}.devic-message-bubble h1,.devic-message-bubble h2,.devic-message-bubble h3,.devic-message-bubble h4,.devic-message-bubble h5,.devic-message-bubble h6{line-height:1.3;margin:8px 0 4px}.devic-message-bubble h1{font-size:1.3em}.devic-message-bubble h2{font-size:1.2em}.devic-message-bubble h3{font-size:1.1em}.devic-message-bubble p{margin:4px 0}.devic-message-bubble ol,.devic-message-bubble ul{margin:4px 0;padding-left:20px}.devic-message-bubble code{background:rgba(0,0,0,.06);border-radius:3px;color:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;padding:1px 4px}.devic-message-bubble pre{background:rgba(0,0,0,.06);border-radius:var(--devic-radius-sm);color:inherit;margin:8px 0;overflow-x:auto;padding:10px}.devic-message-bubble pre code{background:none;color:inherit;padding:0}.devic-message-bubble blockquote{border-left:3px solid var(--devic-border);color:var(--devic-text-secondary);margin:4px 0;padding-left:12px}.devic-message-bubble a{color:var(--devic-primary);text-decoration:underline}.devic-message-bubble p:first-child{margin-top:0}.devic-message-bubble p:last-child{margin-bottom:0}.devic-message[data-role=user] .devic-message-bubble a{color:inherit}.devic-message[data-role=user] .devic-message-bubble code,.devic-message[data-role=user] .devic-message-bubble pre{background:hsla(0,0%,100%,.18)}.devic-message[data-role=user] .devic-message-bubble blockquote{border-left-color:hsla(0,0%,100%,.45);color:inherit}.markdown-table{margin:8px 0;overflow-x:auto}.markdown-table table{border-collapse:collapse;font-size:13px;width:100%}.markdown-table td,.markdown-table th{border:1px solid var(--devic-border);padding:6px 10px;text-align:left}.markdown-table th{background:var(--devic-bg-secondary);font-weight:600}.devic-resize-handle{bottom:0;cursor:col-resize;position:absolute;top:0;width:6px;z-index:1}.devic-resize-handle[data-position=right]{left:0}.devic-resize-handle[data-position=left]{right:0}.devic-resize-handle:active,.devic-resize-handle:hover{background:var(--devic-primary);opacity:.3}.devic-handoff-widget{animation:devic-slideUp .3s ease-out;background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:8px;display:flex;flex-direction:column;gap:10px;max-width:320px;padding:12px;width:100%}.devic-handoff-header{align-items:center;display:flex;gap:8px}.devic-handoff-agent-avatar{align-items:center;background:var(--devic-bg-secondary);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.devic-handoff-avatar-img{height:100%;object-fit:cover;width:100%}.devic-handoff-agent-name{color:var(--devic-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-handoff-progress,.devic-handoff-state-row{align-items:center;display:flex;gap:8px}.devic-handoff-progress-bar{background:#f0f0f0;border-radius:3px;flex:1;height:6px;overflow:hidden;position:relative}.devic-handoff-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.devic-handoff-progress-fill[data-status=active]{background:var(--devic-primary)}.devic-handoff-progress-fill[data-status=success]{background:#52c41a}.devic-handoff-progress-fill[data-status=error]{background:#ff4d4f}.devic-handoff-progress-text{color:var(--devic-text-muted);flex-shrink:0;font-size:11px}.devic-handoff-progress-indeterminate{animation:devic-indeterminate 1.5s ease-in-out infinite;background:var(--devic-primary);border-radius:3px;height:100%;width:40%}@keyframes devic-indeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{transform:translateX(-100%)}}.devic-handoff-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--devic-text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.devic-handoff-summary-active{animation:devic-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.devic-handoff-elapsed{align-items:center;color:var(--devic-text-muted);display:flex;font-size:11px;gap:4px}.devic-message[data-role=user] .devic-message-references{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-bottom:4px}.devic-message-reference-chip{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text);display:inline-flex;font-size:11px;gap:4px;max-width:220px;padding:3px 8px}.devic-message-reference-chip-label{color:var(--devic-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-reference-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px;padding:6px 8px}.devic-reference-chip{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text);display:inline-flex;font-size:12px;gap:6px;max-width:220px;padding:4px 8px}.devic-reference-chip-label{color:var(--devic-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-reference-chip-remove{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--devic-text-muted);cursor:pointer;display:inline-flex;font-size:16px;line-height:1;padding:0 2px}.devic-reference-chip-remove:hover{background:rgba(0,0,0,.06);color:var(--devic-text)}.devic-queue-notice{align-items:center;background:var(--devic-bg-secondary);border:1px dashed var(--devic-queued-border);border-radius:var(--devic-radius);color:var(--devic-text-secondary);display:flex;font-size:12px;gap:6px;line-height:1.4;margin-bottom:4px;padding:8px 12px}.devic-queue-notice-icon{color:var(--devic-queued-accent);display:flex;flex-shrink:0}.devic-queue-notice[data-alert=true]{border-color:var(--devic-error,#ff4d4f);border-style:solid;color:var(--devic-text)}.devic-queue-notice[data-alert=true] .devic-queue-notice-icon{color:var(--devic-error,#ff4d4f)}.devic-input-disabled-notice{align-items:center;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);color:var(--devic-text-muted);display:flex;font-size:12px;gap:6px;justify-content:center;margin-bottom:4px;padding:8px 12px}.devic-inline-widgets{display:flex;flex-direction:column;gap:8px;padding:8px 12px}.devic-inline-widget{background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius);padding:12px}.devic-input-widget{padding:8px;width:100%}.devic-limit-banner{align-items:flex-start;background:#fff7e6;border:1px solid #ffd591;border-radius:var(--devic-radius);color:#ad4e00;display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 12px}.devic-limit-banner-icon{color:#fa8c16;display:inline-flex;flex-shrink:0;margin-top:1px}.devic-limit-banner-text{display:flex;flex-direction:column;gap:2px;line-height:1.35}.devic-limit-banner-title{font-weight:600}.devic-limit-banner-reset{color:var(--devic-text-secondary);font-size:12px}.devic-usage-bar-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.devic-usage-bar-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.devic-usage-tier{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text-secondary);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.devic-usage-bar-window{color:var(--devic-text-muted);white-space:nowrap}.devic-usage-bar-group{background:var(--devic-bg-secondary);border-radius:var(--devic-radius);display:flex;flex-direction:column;gap:4px;padding:5px 10px}.devic-usage-bar-group .devic-usage-bar{background:transparent;padding:0}.devic-usage-bar{align-items:center;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);color:var(--devic-text-secondary);display:flex;font-size:12px;gap:8px;padding:5px 10px}.devic-usage-bar[data-empty=true]{color:var(--devic-text-muted);justify-content:space-between}.devic-usage-bar-label{font-weight:500;white-space:nowrap}.devic-usage-bar-track{background:var(--devic-border);border-radius:999px;flex:1;height:6px;overflow:hidden}.devic-usage-bar-fill{border-radius:999px;height:100%;transition:width var(--devic-transition),background-color var(--devic-transition)}.devic-usage-bar-reset{color:var(--devic-text-muted);white-space:nowrap}.devic-usage-toggle{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-usage-toggle:hover{background:var(--devic-border);color:var(--devic-text)}.devic-usage-collapse{align-items:center;background:transparent;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-muted);cursor:pointer;display:inline-flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.devic-usage-collapse:hover{background:var(--devic-border);color:var(--devic-text)}@media (max-width:480px){.devic-chat-drawer{width:100%}}.devic-command-bar-container{--devic-cmd-bg:var(--devic-cmd-bg-override,#fff);--devic-cmd-text:var(--devic-cmd-text-override,#1f2937);--devic-cmd-text-secondary:var(--devic-cmd-text-secondary-override,#6b7280);--devic-cmd-border:var(--devic-cmd-border-override,#e5e7eb);--devic-cmd-radius:var(--devic-cmd-radius-override,12px);--devic-cmd-shadow:var(--devic-cmd-shadow-override,0 4px 20px rgba(0,0,0,.1));--devic-cmd-primary:var(--devic-cmd-primary-override,#3b82f6);--devic-cmd-font-family:var(--devic-cmd-font-family-override,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--devic-cmd-font-size:var(--devic-cmd-font-size-override,14px);--devic-cmd-animation-duration:var(--devic-cmd-animation-duration-override,200ms);color:var(--devic-cmd-text);display:flex;flex-direction:column;font-family:var(--devic-cmd-font-family);font-size:var(--devic-cmd-font-size);gap:8px;max-width:100%;width:400px}.devic-command-bar-container[data-position=fixed]{position:fixed}.devic-command-bar-container[data-position=inline]{position:relative}.devic-command-bar-container[data-visible=false]{opacity:0;pointer-events:none;transform:translateY(8px)}.devic-command-bar-container[data-visible=false],.devic-command-bar-container[data-visible=true]{transition:opacity var(--devic-cmd-animation-duration) ease,transform var(--devic-cmd-animation-duration) ease}.devic-command-bar-container[data-visible=true]{opacity:1;transform:translateY(0)}.devic-command-bar{align-items:center;background:var(--devic-cmd-bg);border:1px solid var(--devic-cmd-border);border-radius:var(--devic-cmd-radius);box-shadow:var(--devic-cmd-shadow);display:flex;gap:12px;padding:12px 16px}.devic-command-bar-icon{align-items:center;color:var(--devic-cmd-text-secondary);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.devic-command-bar-icon svg{height:100%;width:100%}.devic-command-bar-input{background:transparent;border:none;color:inherit;flex:1;font-family:inherit;font-size:inherit;min-width:0;outline:none}.devic-command-bar-input::placeholder{color:var(--devic-cmd-text-secondary)}.devic-command-bar-summary{animation:devic-cmd-pulse 1.5s ease-in-out infinite;color:var(--devic-cmd-text-secondary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes devic-cmd-pulse{0%,to{opacity:1}50%{opacity:.6}}.devic-command-bar-shortcut{background:var(--devic-cmd-border);border-radius:6px;color:var(--devic-cmd-text-secondary);flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px}.devic-command-bar-spinner{animation:devic-cmd-spin .8s linear infinite;border:2px solid var(--devic-cmd-border);border-radius:50%;border-top-color:var(--devic-cmd-primary);height:20px;width:20px}@keyframes devic-cmd-spin{to{transform:rotate(1turn)}}.devic-command-bar-result{animation:devic-cmd-slide-up .2s ease-out;background:var(--devic-cmd-bg);border:1px solid var(--devic-cmd-border);border-radius:var(--devic-cmd-radius);box-shadow:var(--devic-cmd-shadow);overflow:hidden}@keyframes devic-cmd-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.devic-command-bar-result-tools{border-bottom:1px solid var(--devic-cmd-border)}.devic-command-bar-result-tools-header{align-items:center;color:var(--devic-cmd-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;transition:background .15s ease;user-select:none}.devic-command-bar-result-tools-header:hover{background:rgba(0,0,0,.02)}.devic-command-bar-result-tools-chevron{height:16px;transition:transform .2s ease;width:16px}.devic-command-bar-result-tools-header[data-expanded=true] .devic-command-bar-result-tools-chevron{transform:rotate(90deg)}.devic-command-bar-result-tools-count{align-items:center;background:var(--devic-cmd-primary);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.devic-command-bar-result-tools-list{display:flex;flex-direction:column;gap:6px;padding:8px 14px 12px}.devic-command-bar-result-tools-list[data-expanded=false]{display:none}.devic-command-bar-result-tool-item{align-items:center;background:rgba(0,0,0,.02);border-radius:6px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.devic-command-bar-result-tool-icon{color:#10b981;height:14px;width:14px}.devic-command-bar-result-tool-name{color:var(--devic-cmd-text-secondary)}.devic-command-bar-result-message{line-height:1.5;max-height:300px;overflow-y:auto;padding:14px}.devic-command-bar-result-message::-webkit-scrollbar{width:6px}.devic-command-bar-result-message::-webkit-scrollbar-track{background:transparent}.devic-command-bar-result-message::-webkit-scrollbar-thumb{background:var(--devic-cmd-border);border-radius:3px}.devic-command-bar-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--devic-cmd-radius);color:#dc2626;font-size:13px;padding:10px 14px}.devic-command-bar-result-empty{color:var(--devic-cmd-text-secondary);font-size:13px;padding:14px;text-align:center}.devic-command-bar-dropdown{animation:devic-cmd-slide-up .2s ease-out;background:var(--devic-cmd-bg);border:1px solid var(--devic-cmd-border);border-radius:var(--devic-cmd-radius);box-shadow:var(--devic-cmd-shadow);overflow:hidden}.devic-command-bar-dropdown-header{align-items:center;border-bottom:1px solid var(--devic-cmd-border);color:var(--devic-cmd-text-secondary);display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.devic-command-bar-dropdown-hint{align-items:center;display:flex;font-weight:400;gap:4px;letter-spacing:0;text-transform:none}.devic-command-bar-dropdown-hint kbd{align-items:center;background:var(--devic-cmd-border);border-radius:4px;display:inline-flex;font-family:inherit;font-size:10px;height:18px;justify-content:center;min-width:18px;padding:0 4px}.devic-command-bar-dropdown-clear{background:none;border:none;border-radius:4px;color:var(--devic-cmd-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;padding:2px 6px;text-transform:none}.devic-command-bar-dropdown-clear:hover{background:rgba(0,0,0,.05)}.devic-command-bar-dropdown-list{max-height:250px;overflow-y:auto}.devic-command-bar-dropdown-list::-webkit-scrollbar{width:6px}.devic-command-bar-dropdown-list::-webkit-scrollbar-track{background:transparent}.devic-command-bar-dropdown-list::-webkit-scrollbar-thumb{background:var(--devic-cmd-border);border-radius:3px}.devic-command-bar-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s ease}.devic-command-bar-dropdown-item:hover,.devic-command-bar-dropdown-item[data-selected=true]{background:rgba(0,0,0,.04)}.devic-command-bar-dropdown-item[data-selected=true]{background:var(--devic-cmd-primary);background:rgba(59,130,246,.1)}.devic-command-bar-dropdown-icon{align-items:center;color:var(--devic-cmd-text-secondary);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.devic-command-bar-dropdown-keyword{color:var(--devic-cmd-text);flex-shrink:0;font-weight:600}.devic-command-bar-dropdown-desc{color:var(--devic-cmd-text-secondary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-command-bar-dropdown-empty{color:var(--devic-cmd-text-secondary);font-size:13px;padding:20px 14px;text-align:center}.devic-command-bar-history-item{border-bottom:1px solid rgba(0,0,0,.04)}.devic-command-bar-history-item:last-child{border-bottom:none}.devic-command-bar-history-text{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-gen-container{--devic-gen-primary:var(--devic-gen-primary-override,#3b82f6);--devic-gen-primary-hover:var(--devic-gen-primary-hover-override,#2563eb);--devic-gen-bg:var(--devic-gen-bg-override,#fff);--devic-gen-text:var(--devic-gen-text-override,#1f2937);--devic-gen-text-secondary:var(--devic-gen-text-secondary-override,#6b7280);--devic-gen-border:var(--devic-gen-border-override,#e5e7eb);--devic-gen-radius:var(--devic-gen-radius-override,8px);--devic-gen-font-family:var(--devic-gen-font-family-override,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--devic-gen-font-size:var(--devic-gen-font-size-override,14px);--devic-gen-z-index:var(--devic-gen-z-index-override,10000);--devic-gen-animation-duration:var(--devic-gen-animation-duration-override,200ms);--devic-gen-modal-bg:var(--devic-gen-modal-bg-override,#fff);--devic-gen-modal-text:var(--devic-gen-modal-text-override,#1f2937);--devic-gen-modal-border:var(--devic-gen-modal-border-override,#e5e7eb);font-family:var(--devic-gen-font-family);font-size:var(--devic-gen-font-size)}.devic-gen-button{align-items:center;border:none;border-radius:var(--devic-gen-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;transition:all var(--devic-gen-animation-duration) ease}.devic-gen-button:disabled{cursor:not-allowed;opacity:.6}.devic-gen-button[data-size=small]{font-size:12px;padding:6px 12px}.devic-gen-button[data-size=medium]{font-size:14px;padding:8px 16px}.devic-gen-button[data-size=large]{font-size:16px;padding:12px 24px}.devic-gen-button[data-variant=primary]{background:var(--devic-gen-primary);color:#fff}.devic-gen-button[data-variant=primary]:hover:not(:disabled){background:var(--devic-gen-primary-hover)}.devic-gen-button[data-variant=secondary]{background:var(--devic-gen-border);color:var(--devic-gen-text)}.devic-gen-button[data-variant=secondary]:hover:not(:disabled){background:#d1d5db}.devic-gen-button[data-variant=outline]{background:transparent;border:1px solid var(--devic-gen-primary);color:var(--devic-gen-primary)}.devic-gen-button[data-variant=outline]:hover:not(:disabled){background:rgba(59,130,246,.1)}.devic-gen-button[data-variant=ghost]{background:transparent;color:var(--devic-gen-text)}.devic-gen-button[data-variant=ghost]:hover:not(:disabled){background:rgba(0,0,0,.05)}.devic-gen-button-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.devic-gen-button-icon svg{height:100%;width:100%}.devic-gen-spinner{animation:devic-gen-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}.devic-gen-spinner-small{border-width:1.5px;height:12px;width:12px}@keyframes devic-gen-spin{to{transform:rotate(1turn)}}.devic-gen-input{background:var(--devic-gen-modal-bg);border:1px solid var(--devic-gen-modal-border);border-radius:var(--devic-gen-radius);color:var(--devic-gen-modal-text);font-family:inherit;font-size:inherit;min-height:80px;outline:none;padding:12px;resize:vertical;transition:border-color var(--devic-gen-animation-duration) ease;width:100%}.devic-gen-input:focus{border-color:var(--devic-gen-primary)}.devic-gen-input::placeholder{color:var(--devic-gen-text-secondary)}.devic-gen-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--devic-gen-radius);color:#dc2626;font-size:13px;margin-top:8px;padding:8px 12px}.devic-gen-tooltip{animation:devic-gen-fade-in var(--devic-gen-animation-duration) ease-out;background:var(--devic-gen-modal-bg);border:1px solid var(--devic-gen-modal-border);border-radius:var(--devic-gen-radius);box-shadow:0 4px 20px rgba(0,0,0,.15);padding:12px}@keyframes devic-gen-fade-in{0%{opacity:0;transform:translateY(4px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.devic-gen-tooltip[data-placement=left],.devic-gen-tooltip[data-placement=right]{animation-name:devic-gen-fade-in-horizontal}@keyframes devic-gen-fade-in-horizontal{0%{opacity:0;transform:translateX(4px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}.devic-gen-tooltip-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.devic-gen-tooltip-cancel,.devic-gen-tooltip-confirm{align-items:center;border-radius:var(--devic-gen-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all var(--devic-gen-animation-duration) ease}.devic-gen-tooltip-cancel{background:transparent;border:1px solid var(--devic-gen-modal-border);color:var(--devic-gen-text-secondary)}.devic-gen-tooltip-cancel:hover{background:rgba(0,0,0,.05)}.devic-gen-tooltip-confirm{background:var(--devic-gen-primary);border:none;color:#fff}.devic-gen-tooltip-confirm:hover:not(:disabled){background:var(--devic-gen-primary-hover)}.devic-gen-tooltip-confirm:disabled{cursor:not-allowed;opacity:.6}.devic-gen-modal-overlay{align-items:center;animation:devic-gen-overlay-fade-in var(--devic-gen-animation-duration) ease-out;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--devic-gen-z-index)}@keyframes devic-gen-overlay-fade-in{0%{opacity:0}to{opacity:1}}.devic-gen-modal{animation:devic-gen-modal-slide-up var(--devic-gen-animation-duration) ease-out;background:var(--devic-gen-modal-bg);border-radius:calc(var(--devic-gen-radius) + 4px);box-shadow:0 20px 50px rgba(0,0,0,.2);margin:16px;max-width:480px;width:100%}@keyframes devic-gen-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.devic-gen-modal-header{align-items:center;border-bottom:1px solid var(--devic-gen-modal-border);display:flex;justify-content:space-between;padding:16px 20px}.devic-gen-modal-title{color:var(--devic-gen-modal-text);font-size:18px;font-weight:600;margin:0}.devic-gen-modal-close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--devic-gen-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--devic-gen-animation-duration) ease;width:32px}.devic-gen-modal-close:hover{background:rgba(0,0,0,.05);color:var(--devic-gen-modal-text)}.devic-gen-modal-description{color:var(--devic-gen-text-secondary);font-size:14px;line-height:1.5;margin:0;padding:12px 20px 0}.devic-gen-modal-body{padding:16px 20px}.devic-gen-modal-footer{border-top:1px solid var(--devic-gen-modal-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.devic-gen-modal-cancel,.devic-gen-modal-confirm{align-items:center;border-radius:var(--devic-gen-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--devic-gen-animation-duration) ease}.devic-gen-modal-cancel{background:transparent;border:1px solid var(--devic-gen-modal-border);color:var(--devic-gen-text-secondary)}.devic-gen-modal-cancel:hover{background:rgba(0,0,0,.05);color:var(--devic-gen-modal-text)}.devic-gen-modal-confirm{background:var(--devic-gen-primary);border:none;color:#fff}.devic-gen-modal-confirm:hover:not(:disabled){background:var(--devic-gen-primary-hover)}.devic-gen-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.devic-gen-input::-webkit-scrollbar{width:6px}.devic-gen-input::-webkit-scrollbar-track{background:transparent}.devic-gen-input::-webkit-scrollbar-thumb{background:var(--devic-gen-border);border-radius:3px}.devic-gen-input:disabled{background:var(--devic-gen-border);cursor:not-allowed;opacity:.6}.devic-gen-tool-calls{background:rgba(0,0,0,.02);border:1px solid var(--devic-gen-modal-border);border-radius:var(--devic-gen-radius);display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px}.devic-gen-tool-item{align-items:center;color:var(--devic-gen-text-secondary);display:flex;font-size:13px;gap:8px}.devic-gen-tool-item[data-status=executing]{color:var(--devic-gen-primary)}.devic-gen-tool-item[data-status=completed] .devic-gen-tool-icon{color:#10b981}.devic-gen-tool-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.devic-gen-tool-icon svg{height:100%;width:100%}.devic-gen-tool-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-gen-tool-custom{padding:8px 0}.devic-gen-processing-status{align-items:center;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:var(--devic-gen-radius);display:flex;gap:8px;margin-bottom:12px;padding:10px 12px}.devic-gen-processing-text{animation:devic-gen-pulse 1.5s ease-in-out infinite;color:var(--devic-gen-primary);font-size:13px}@keyframes devic-gen-pulse{0%,to{opacity:1}50%{opacity:.6}}.devic-aiwrap-container,.devic-aiwrap-tooltip,.devic-aiwrap-trigger-wrapper{--devic-aiwrap-color:#7c3aed;--devic-aiwrap-color-2:#4f46e5;--devic-aiwrap-bg:#fff;--devic-aiwrap-text:#1f2937;--devic-aiwrap-border:#e5e7eb;--devic-aiwrap-shadow:0 8px 24px rgba(0,0,0,.12)}.devic-aiwrap-container[data-highlight=true] .devic-aiwrap-content{background:rgba(124,58,237,.08);border-radius:4px;outline:1px dashed rgba(124,58,237,.45);outline-offset:2px;transition:background .15s ease,outline-color .15s ease}.devic-aiwrap-content{display:inline;transition:background .15s ease}.devic-aiwrap-trigger-wrapper{display:inline-flex}.devic-aiwrap-trigger{align-items:center;background:linear-gradient(90deg,var(--devic-aiwrap-color) 0,var(--devic-aiwrap-color-2) 100%);border:1px solid hsla(0,0%,100%,.25);box-shadow:0 4px 14px rgba(124,58,237,.35);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.devic-aiwrap-trigger:hover{box-shadow:0 6px 18px rgba(124,58,237,.45);transform:translateY(-1px)}.devic-aiwrap-trigger:active{transform:translateY(0)}.devic-aiwrap-trigger-icon{align-items:center;display:inline-flex}.devic-aiwrap-trigger-label{line-height:1}.devic-aiwrap-tooltip{background:var(--devic-aiwrap-bg);border:1px solid var(--devic-aiwrap-border);border-radius:12px;box-shadow:var(--devic-aiwrap-shadow);color:var(--devic-aiwrap-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}.devic-aiwrap-tooltip-header{align-items:center;background:rgba(124,58,237,.05);border-bottom:1px solid var(--devic-aiwrap-border);display:flex;gap:8px;justify-content:space-between;padding:10px 12px}.devic-aiwrap-tooltip-label{color:var(--devic-aiwrap-color);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-aiwrap-tooltip-close{align-items:center;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;padding:2px}.devic-aiwrap-tooltip-close:hover{background:rgba(0,0,0,.06);color:#111827}.devic-aiwrap-tooltip-body{line-height:1.5;max-height:320px;overflow-y:auto;padding:12px}.devic-aiwrap-processing{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.devic-aiwrap-spinner{animation:devic-aiwrap-spin .7s linear infinite;border:2px solid rgba(124,58,237,.25);border-radius:50%;border-top:2px solid var(--devic-aiwrap-color);flex-shrink:0;height:14px;width:14px}@keyframes devic-aiwrap-spin{to{transform:rotate(1turn)}}.devic-aiwrap-error{color:#dc2626;font-size:13px}.devic-aiwrap-answer{white-space:pre-wrap;word-break:break-word}
+.devic-state-tag{align-items:center;border:1px solid;border-radius:4px;cursor:default;display:inline-flex;font-family:var(--devic-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-size:12px;font-weight:500;gap:6px;line-height:20px;padding:2px 8px;position:relative;white-space:nowrap}.devic-state-tag[data-interactive=true]{cursor:pointer}.devic-state-tag[data-interactive=true]:hover{opacity:.85}.devic-state-tag[data-color=gold]{background:rgba(250,173,20,.15);border-color:rgba(250,173,20,.35);color:#faad14}.devic-state-tag[data-color=processing]{background:rgba(22,119,255,.15);border-color:rgba(22,119,255,.35);color:#4096ff}.devic-state-tag[data-color=success]{background:rgba(82,196,26,.15);border-color:rgba(82,196,26,.35);color:#52c41a}.devic-state-tag[data-color=error]{background:rgba(255,77,79,.15);border-color:rgba(255,77,79,.35);color:#ff4d4f}.devic-state-tag[data-color=default]{background:hsla(0,0%,60%,.15);border-color:hsla(0,0%,60%,.35);color:#999}.devic-state-tag[data-color=purple]{background:rgba(114,46,209,.15);border-color:rgba(114,46,209,.35);color:#b37feb}.devic-state-tag[data-color=blue]{background:rgba(22,119,255,.15);border-color:rgba(22,119,255,.35);color:#4096ff}.devic-state-tag-icon{align-items:center;display:inline-flex;flex-shrink:0}.devic-state-tag-caret{align-items:center;display:inline-flex;margin-left:2px;transition:transform .2s ease}.devic-state-tag[data-dropdown-open=true] .devic-state-tag-caret{transform:rotate(180deg)}.devic-state-spinner{animation:devic-state-spin 1s linear infinite}@keyframes devic-state-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.devic-state-tooltip{background:rgba(0,0,0,.85);border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.4;max-width:280px;padding:6px 10px;pointer-events:none;white-space:normal;z-index:1060}.devic-state-tooltip,.devic-state-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.devic-state-tooltip:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.85);content:"";top:100%}.devic-state-dropdown{animation:devic-dropdownSlide .15s ease-out;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);min-width:180px;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:1050}@keyframes devic-dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.devic-state-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.devic-state-dropdown-item:hover{background:#f5f5f5}.devic-state-dropdown-item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:18px}.devic-state-tooltip-portal{background:rgba(0,0,0,.85);border-radius:6px;color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;line-height:1.4;max-width:280px;padding:6px 10px;pointer-events:none;white-space:normal;z-index:99999}.devic-state-dropdown-portal{animation:devic-dropdownSlide .15s ease-out;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);min-width:180px;padding:4px 0;z-index:99999}.devic-state-modal-overlay{align-items:center;animation:devic-fadeIn .2s ease;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}@keyframes devic-fadeIn{0%{opacity:0}to{opacity:1}}.devic-state-modal{animation:devic-modalSlide .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.08);display:flex;flex-direction:column;max-height:80vh;max-width:520px;width:90%}@keyframes devic-modalSlide{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.devic-state-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.devic-state-modal-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.devic-state-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;padding:4px}.devic-state-modal-close:hover{background:#f5f5f5;color:#333}.devic-state-modal-body{flex:1;overflow-y:auto;padding:20px}.devic-state-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.devic-state-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:6px 16px;transition:all .2s}.devic-state-btn:hover{border-color:#1677ff;color:#1677ff}.devic-state-btn-primary{background:#1677ff;border-color:#1677ff;color:#fff}.devic-state-btn-primary:hover{background:#4096ff;border-color:#4096ff;color:#fff}.devic-state-btn-danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.devic-state-btn-danger:hover{background:#ff7875;border-color:#ff7875;color:#fff}.devic-state-btn-success{background:#52c41a;border-color:#52c41a;color:#fff}.devic-state-btn-success:hover{background:#73d13d;border-color:#73d13d;color:#fff}.devic-state-btn:disabled{cursor:not-allowed;opacity:.5}.devic-explain-content{border:1px solid #e8e8e8;border-radius:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;max-height:300px;min-height:150px;overflow-y:auto;padding:12px;white-space:pre-wrap}.devic-typing-cursor{animation:devic-blink 1s step-end infinite}@keyframes devic-blink{0%,to{opacity:1}50%{opacity:0}}.devic-approval-layout{display:flex;gap:16px}.devic-approval-request{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;flex:1;font-size:13px;line-height:1.6;max-height:250px;overflow-y:auto;padding:12px}.devic-approval-actions{display:flex;flex:1;flex-direction:column;gap:12px}.devic-approval-textarea{border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;min-height:80px;outline:none;padding:8px 12px;resize:vertical;width:100%}.devic-approval-textarea:focus{border-color:#1677ff}.devic-approval-buttons{display:flex;flex-direction:column;gap:8px}.devic-completion-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;width:100%}.devic-completion-select:focus{border-color:#1677ff}.devic-state-loading{align-items:center;display:flex;justify-content:center;padding:24px}.devic-state-loading-spinner{animation:devic-state-spin .8s linear infinite;border:2px solid #f0f0f0;border-radius:50%;border-top-color:#1677ff;height:24px;width:24px}.devic-state-warning{align-items:flex-start;color:#cf1322;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px}.devic-message-actions{align-items:center;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.devic-message-actions:focus-within,.devic-message:hover .devic-message-actions{opacity:1}.devic-message-actions:has(.devic-action-btn--active){opacity:1}.devic-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--devic-radius-sm,6px);color:var(--devic-text-muted,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.devic-action-btn:hover:not(:disabled){background:var(--devic-bg-secondary,#f8fafc);color:var(--devic-text-secondary,#64748b)}.devic-action-btn:disabled{cursor:not-allowed;opacity:.5}.devic-action-btn--active{color:var(--devic-primary,#3b82f6)}.devic-action-btn--active.devic-action-btn--positive{color:#22c55e}.devic-action-btn--active.devic-action-btn--negative{color:#ef4444}.devic-feedback-overlay{align-items:center;animation:devic-feedback-fade-in .15s ease;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes devic-feedback-fade-in{0%{opacity:0}to{opacity:1}}.devic-feedback-modal{animation:devic-feedback-slide-up .2s ease;background:var(--devic-bg,#fff);border-radius:var(--devic-radius,12px);box-shadow:0 20px 60px rgba(0,0,0,.2);margin:16px;max-width:400px;width:100%}@keyframes devic-feedback-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.devic-feedback-modal-header{align-items:center;border-bottom:1px solid var(--devic-border,#e2e8f0);display:flex;gap:10px;padding:16px 16px 12px}.devic-feedback-modal-icon{align-items:center;background:var(--devic-bg-secondary,#f8fafc);border-radius:8px;color:var(--devic-text,#1e293b);display:flex;height:32px;justify-content:center;width:32px}.devic-feedback-modal-title{color:var(--devic-text,#1e293b);flex:1;font-size:15px;font-weight:600}.devic-feedback-modal-close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.devic-feedback-modal-close:hover{background:var(--devic-bg-secondary,#f8fafc);color:var(--devic-text-secondary,#64748b)}.devic-feedback-textarea{background:transparent;border:none;border-bottom:1px solid var(--devic-border,#e2e8f0);box-sizing:border-box;color:var(--devic-text,#1e293b);display:block;font-family:inherit;font-size:14px;line-height:1.5;padding:12px 16px;resize:none;width:100%}.devic-feedback-textarea:focus{outline:none}.devic-feedback-textarea::placeholder{color:var(--devic-text-muted,#94a3b8)}.devic-feedback-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.devic-feedback-btn{border:none;border-radius:var(--devic-radius-sm,6px);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.devic-feedback-btn:disabled{cursor:not-allowed;opacity:.6}.devic-feedback-btn--secondary{background:var(--devic-bg-secondary,#f8fafc);color:var(--devic-text-secondary,#64748b)}.devic-feedback-btn--secondary:hover:not(:disabled){background:var(--devic-border,#e2e8f0)}.devic-feedback-btn--primary{background:var(--devic-primary,#3b82f6);color:#fff}.devic-feedback-btn--primary:hover:not(:disabled){background:var(--devic-primary-hover,#2563eb)}.devic-cmd-result-actions{border-top:1px solid var(--devic-cmd-border,var(--devic-border,#e5e7eb));margin-top:8px;padding-top:8px}.devic-cmd-result-actions .devic-message-actions{opacity:1;padding-left:10px}.devic-cmd-result-actions .devic-action-btn{opacity:.7}.devic-cmd-result-actions .devic-action-btn--active,.devic-cmd-result-actions .devic-action-btn:hover{opacity:1}.devic-cm-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.devic-cm-modal{background:var(--devic-bg,#fff);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.22);color:var(--devic-text,#333);display:flex;flex-direction:column;font-size:13px;max-height:min(640px,calc(100vh - 64px));width:min(560px,calc(100vw - 32px))}.devic-cm-header{align-items:center;border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;justify-content:space-between;padding:14px 16px}.devic-cm-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.devic-cm-title svg{color:var(--devic-recall-accent,#722ed1)}.devic-cm-close{background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#999);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.devic-cm-close:hover{background:var(--devic-bg-secondary,#f5f5f5);color:var(--devic-text,#333)}.devic-cm-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 16px}.devic-cm-error{background:rgba(255,77,79,.08);border:1px solid rgba(255,77,79,.4);border-radius:8px;color:#cf1322;font-size:12px;padding:8px 10px}.devic-cm-empty,.devic-cm-loading{color:var(--devic-text-muted,#999);padding:24px 8px;text-align:center}.devic-cm-section-title{color:var(--devic-text-muted,#999);font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.devic-cm-entry{align-items:flex-start;border:1px solid var(--devic-border,#e8e8e8);border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.devic-cm-entry-content{align-items:flex-start;display:flex;flex:1;gap:6px;white-space:pre-wrap;word-break:break-word}.devic-cm-pin{color:var(--devic-recall-accent,#722ed1);flex-shrink:0;margin-top:2px}.devic-cm-entry-actions{display:flex;flex-shrink:0;gap:4px}.devic-cm-editor{display:flex;flex:1;flex-direction:column;gap:6px}.devic-cm-textarea{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#d9d9d9);border-radius:8px;box-sizing:border-box;color:inherit;font:inherit;min-height:64px;padding:8px 10px;resize:vertical;width:100%}.devic-cm-textarea:focus{border-color:var(--devic-recall-accent,#722ed1);outline:none}.devic-cm-composer,.devic-cm-editor-actions{display:flex;gap:6px}.devic-cm-composer{flex-direction:column}.devic-cm-composer-row{display:flex;gap:6px}.devic-cm-select{color:inherit;padding:4px 8px}.devic-cm-btn,.devic-cm-select{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#d9d9d9);border-radius:6px;font:inherit}.devic-cm-btn{color:var(--devic-text,#333);cursor:pointer;font-size:12px;padding:5px 12px}.devic-cm-btn:hover:not(:disabled){border-color:var(--devic-recall-accent,#722ed1);color:var(--devic-recall-accent,#722ed1)}.devic-cm-btn:disabled{cursor:not-allowed;opacity:.5}.devic-cm-btn-primary{background:var(--devic-recall-accent,#722ed1);border-color:var(--devic-recall-accent,#722ed1);color:#fff}.devic-cm-btn-primary:hover:not(:disabled){color:#fff;opacity:.9}.devic-cm-btn-small{font-size:11px;padding:2px 8px}.devic-cm-btn-danger:hover:not(:disabled){border-color:#ff4d4f;color:#ff4d4f}.devic-cm-footer{border-top:1px solid var(--devic-border,#e8e8e8);color:var(--devic-text-muted,#999);font-size:11px;padding:10px 16px}.devic-int-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.devic-int-panel{background:var(--devic-bg,#fff);color:var(--devic-text,#333);display:flex;flex-direction:column;font-size:13px;min-width:0;width:100%}.devic-int-modal{border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.22);max-height:min(660px,calc(100vh - 64px));width:min(620px,calc(100vw - 32px))}.devic-int-header{align-items:center;border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;justify-content:space-between;padding:14px 16px}.devic-int-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.devic-int-title svg{color:var(--devic-primary,#1677ff)}.devic-int-close{background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#999);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.devic-int-close:hover{background:var(--devic-bg-secondary,#f5f5f5);color:var(--devic-text,#333)}.devic-int-search{align-items:center;background:var(--devic-bg-secondary,#f7f7f7);border:1px solid var(--devic-border,#e8e8e8);border-radius:8px;color:var(--devic-text-muted,#999);display:flex;gap:8px;margin:12px 16px 0;padding:7px 10px}.devic-int-search:focus-within{border-color:var(--devic-primary,#1677ff)}.devic-int-search input{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:var(--devic-text,#333);flex:1;font:inherit;font-size:13px;min-width:0;outline:none}.devic-int-search input::-webkit-search-cancel-button{-webkit-appearance:none}.devic-int-search input::placeholder{color:var(--devic-text-muted,#999)}.devic-int-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:12px 16px}.devic-int-error{background:rgba(255,77,79,.08);border:1px solid rgba(255,77,79,.4);border-radius:8px;color:#ff4d4f;font-size:12px;padding:8px 10px}.devic-int-notice{background:rgba(250,173,20,.1);border:1px solid rgba(250,173,20,.45);border-radius:8px;color:inherit;font-size:12px;padding:8px 10px}.devic-int-notice a{color:var(--devic-primary,#1677ff)}.devic-int-empty,.devic-int-loading{color:var(--devic-text-muted,#999);padding:24px 8px;text-align:center}.devic-int-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}.devic-int-card{border:1px solid var(--devic-border,#e8e8e8);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.devic-int-card[data-state=connected]{border-color:rgba(82,196,26,.45)}.devic-int-card[data-state=reconnect]{border-color:rgba(250,173,20,.5)}.devic-int-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.devic-int-logo{background:var(--devic-bg-secondary,#f5f5f5);border-radius:8px;flex-shrink:0;height:32px;object-fit:contain;width:32px}.devic-int-logo-fallback{align-items:center;color:var(--devic-text-muted,#999);display:flex;font-weight:600;justify-content:center}.devic-int-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-state{align-items:center;color:var(--devic-text-muted,#999);display:inline-flex;font-size:11px;gap:4px;white-space:nowrap}.devic-int-card[data-state=connected] .devic-int-state{color:#52c41a}.devic-int-card[data-state=reconnect] .devic-int-state{color:#faad14}.devic-int-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--devic-text-muted,#999);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.devic-int-accounts{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.devic-int-account{align-items:center;background:var(--devic-bg-secondary,#f7f7f7);border-radius:6px;display:flex;font-size:11px;gap:6px;padding:3px 6px}.devic-int-account-label{color:var(--devic-text-muted,#999);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-account-warn{color:#faad14}.devic-int-dot{background:#faad14;border-radius:50%;flex-shrink:0;height:6px;width:6px}.devic-int-dot[data-ok=true]{background:#52c41a}.devic-int-dot[data-off=true]{background:var(--devic-text-muted,#bbb)}.devic-int-unlink{background:transparent;border:none;border-radius:4px;color:var(--devic-text-muted,#999);cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:0 2px}.devic-int-unlink:hover:not(:disabled){color:#ff4d4f}.devic-int-unlink:disabled{cursor:not-allowed;opacity:.4}.devic-int-btn{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#d9d9d9);border-radius:6px;color:var(--devic-text,#333);cursor:pointer;flex-shrink:0;font:inherit;font-size:12px;padding:5px 12px}.devic-int-btn:hover:not(:disabled){border-color:var(--devic-primary,#1677ff);color:var(--devic-primary,#1677ff)}.devic-int-btn:disabled{cursor:not-allowed;opacity:.5}.devic-int-btn-block{margin-top:auto;text-align:center;width:100%}.devic-int-btn-primary{background:var(--devic-primary,#1677ff);border-color:var(--devic-primary,#1677ff);color:#fff}.devic-int-btn-primary:hover:not(:disabled){color:#fff;opacity:.9}.devic-int-btn-small{font-size:11px;padding:2px 8px}.devic-int-overlay-stacked{background:rgba(0,0,0,.5);z-index:10001}.devic-int-connect-dialog{background:var(--devic-bg,#fff);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.3);color:var(--devic-text,#333);display:flex;flex-direction:column;font-size:13px;max-height:calc(100vh - 64px);width:min(440px,calc(100vw - 32px))}.devic-int-connect-header{align-items:flex-start;border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;gap:10px;padding:14px 16px}.devic-int-connect-heading{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.devic-int-connect-heading strong{font-size:14px}.devic-int-connect-heading span{color:var(--devic-text-muted,#999);font-size:11px;line-height:1.4}.devic-int-connect-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:16px}.devic-int-connect-field{display:flex;flex-direction:column;gap:5px}.devic-int-connect-label{color:var(--devic-text,#333);font-size:12px;font-weight:500}.devic-int-connect-label em{color:var(--devic-text-muted,#999);font-style:normal;font-weight:400}.devic-int-connect-field input,.devic-int-connect-field select{background:var(--devic-bg-secondary,#fafafa);border:1px solid var(--devic-border,#d9d9d9);border-radius:8px;box-sizing:border-box;color:var(--devic-text,#333);font:inherit;font-size:13px;height:36px;line-height:normal;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.devic-int-connect-field input::placeholder{color:var(--devic-text-muted,#bbb)}.devic-int-connect-field input:focus,.devic-int-connect-field select:focus{border-color:var(--devic-primary,#1677ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--devic-primary,#1677ff) 18%,transparent);outline:none}.devic-int-connect-field input[data-invalid]{border-color:#ff4d4f}.devic-int-connect-field input[data-invalid]:focus{box-shadow:0 0 0 3px rgba(255,77,79,.18)}.devic-int-connect-hint{color:var(--devic-text-muted,#999);font-size:11px;line-height:1.45}.devic-int-connect-guide{color:var(--devic-primary,#1677ff);font-size:12px}.devic-int-connect-actions{justify-content:flex-end;padding:12px 16px}.devic-int-connect-actions,.devic-int-footer{border-top:1px solid var(--devic-border,#e8e8e8);display:flex;gap:8px}.devic-int-footer{align-items:center;color:var(--devic-text-muted,#999);font-size:11px;justify-content:space-between;padding:10px 16px}.devic-int-launcher{align-items:center;background:none;border:none;border-radius:var(--devic-radius-sm,6px);cursor:pointer;display:inline-flex;padding:4px 5px;transition:background var(--devic-transition,.2s)}.devic-int-launcher:hover{background:var(--devic-bg-secondary,#f5f5f5)}.devic-int-launcher-item{align-items:center;background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#e8e8e8);border-radius:6px;box-sizing:border-box;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-left:-4px;overflow:hidden;width:22px}.devic-int-launcher-item:first-child{margin-left:0}.devic-int-launcher-item[data-connected=false]{opacity:.55}.devic-int-logo.devic-int-launcher-logo{background:transparent;border-radius:3px;font-size:11px;height:16px;width:16px}.devic-int-launcher-initial{align-items:center;display:inline-flex;font-size:10px;font-weight:600;justify-content:center;line-height:1}.devic-int-launcher-more{background:var(--devic-bg-secondary,#f0f0f0);color:var(--devic-text-muted,#999);font-size:10px;font-weight:600}.devic-int-launcher-loading{cursor:default}.devic-int-launcher-loading:hover{background:none}.devic-int-launcher-skeleton{animation:devic-int-pulse 1.4s ease-in-out infinite;background:var(--devic-bg-secondary,#f0f0f0)}.devic-int-launcher-skeleton:nth-child(2){animation-delay:.16s}.devic-int-launcher-skeleton:nth-child(3){animation-delay:.32s}.devic-int-launcher-skeleton:nth-child(n+4){animation-delay:.48s}@keyframes devic-int-pulse{0%,to{opacity:.35}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.devic-int-launcher-skeleton{animation:none;opacity:.5}}.devic-int-launcher[data-dark=true] .devic-int-launcher-item{background:hsla(0,0%,100%,.92);border-color:hsla(0,0%,100%,.16)}.devic-int-launcher[data-dark=true] .devic-int-launcher-more{background:var(--devic-bg-secondary,#f0f0f0);border-color:var(--devic-border,#e8e8e8)}.devic-int-panel[data-dark=true] .devic-int-card .devic-int-logo{background:hsla(0,0%,100%,.92)}.devic-int-panel[data-dark=true] .devic-int-card .devic-int-logo-fallback{color:#595959}.devic-int-hint{align-items:center;background:var(--devic-bg-secondary,#f7f7f7);border:1px solid var(--devic-border,#e8e8e8);border-radius:12px;display:flex;gap:4px;margin:0 0 8px;padding:6px 8px 6px 12px;transition:opacity .2s ease,transform .2s ease}.devic-int-hint[data-leaving=true]{opacity:0;pointer-events:none;transform:translateY(-4px)}.devic-int-hint-main{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex:1;font:inherit;gap:10px;justify-content:space-between;min-width:0;padding:2px}.devic-int-hint-label{color:var(--devic-text-muted,#8c8c8c);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-hint-main:hover .devic-int-hint-label{color:var(--devic-text,#333)}.devic-int-hint-logos{gap:6px}.devic-int-hint-item,.devic-int-hint-logos{align-items:center;display:flex;flex-shrink:0}.devic-int-hint-item{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#e8e8e8);border-radius:6px;box-sizing:border-box;height:24px;justify-content:center;overflow:hidden;width:24px}.devic-int-hint-item[data-connected=false]{opacity:.6}.devic-int-logo.devic-int-hint-logo{background:transparent;border-radius:3px;font-size:11px;height:17px;width:17px}.devic-int-hint-more{background:var(--devic-bg-secondary,#f0f0f0);color:var(--devic-text-muted,#999);font-size:10px;font-weight:600}.devic-int-hint-close{background:transparent;border:none;border-radius:6px;color:var(--devic-text-muted,#999);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:2px 6px}.devic-int-hint-close:hover{background:var(--devic-bg,#fff);color:var(--devic-text,#333)}.devic-int-hint[data-dark=true] .devic-int-hint-item{background:hsla(0,0%,100%,.92);border-color:hsla(0,0%,100%,.16)}.devic-int-hint[data-dark=true] .devic-int-hint-more{background:var(--devic-bg,#1f1f1f);border-color:var(--devic-border,#303030)}.devic-int-hint-ghost{align-items:center;display:flex;gap:6px;pointer-events:none;position:fixed;z-index:10001}.devic-int-toggle{display:inline-flex;flex-shrink:0;position:relative}.devic-int-toggle-btn{position:relative}.devic-int-toggle-badge{background:var(--devic-primary,#1677ff);border-radius:7px;box-sizing:border-box;color:#fff;font-size:9px;font-weight:600;height:14px;line-height:14px;min-width:14px;padding:0 3px;position:absolute;right:-2px;text-align:center;top:-2px}.devic-int-toggle-popover{background:var(--devic-bg,#fff);border:1px solid var(--devic-border,#e8e8e8);border-radius:var(--devic-radius,10px);bottom:calc(100% + 8px);box-shadow:0 8px 24px rgba(0,0,0,.14);box-sizing:border-box;color:var(--devic-text,#333);left:0;max-height:320px;overflow-y:auto;padding:10px;position:absolute;width:260px;z-index:10002}.devic-int-toggle-head{border-bottom:1px solid var(--devic-border,#e8e8e8);display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:2px 2px 8px}.devic-int-toggle-head strong{font-size:13px}.devic-int-toggle-head span{color:var(--devic-text-muted,#999);font-size:11px;line-height:1.4}.devic-int-toggle-list{list-style:none;margin:0;padding:0}.devic-int-toggle-row{align-items:center;border-radius:var(--devic-radius-sm,6px);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:6px 4px}.devic-int-toggle-row:hover{background:var(--devic-bg-secondary,#f5f5f5)}.devic-int-toggle-app{align-items:center;display:flex;gap:8px;min-width:0}.devic-int-toggle-app .devic-int-logo{border-radius:4px;flex-shrink:0;height:18px;object-fit:contain;width:18px}.devic-int-toggle-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-toggle-group{border-top:1px solid var(--devic-border,hsla(0,0%,50%,.22));font-size:10px;letter-spacing:.06em;margin-top:6px;opacity:.55;padding:10px 4px 4px;text-transform:uppercase}.devic-int-toggle-mcp-logo{border-radius:4px;flex-shrink:0;height:18px;object-fit:contain;width:18px}.devic-int-toggle-mcp-fallback{align-items:center;background:var(--devic-surface-2,hsla(0,0%,50%,.18));color:inherit;display:inline-flex;font-size:10px;font-weight:600;justify-content:center}.devic-int-toggle-switch{appearance:none;-webkit-appearance:none;background:var(--devic-border,#d9d9d9);border-radius:9px;cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:background var(--devic-transition,.2s);width:32px}.devic-int-toggle-switch:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform var(--devic-transition,.2s);width:14px}.devic-int-toggle-switch:checked{background:var(--devic-primary,#1677ff)}.devic-int-toggle-switch:checked:after{transform:translateX(14px)}.devic-int-toggle-switch:focus-visible{outline:2px solid var(--devic-primary,#1677ff);outline-offset:2px}.devic-int-toggle-manage{background:none;border:none;border-radius:0 0 var(--devic-radius-sm,6px) var(--devic-radius-sm,6px);border-top:1px solid var(--devic-border,#e8e8e8);color:var(--devic-primary,#1677ff);cursor:pointer;font:inherit;font-size:12px;margin-top:6px;padding:6px;width:100%}.devic-int-toggle-manage:hover{background:var(--devic-bg-secondary,#f5f5f5)}.devic-int-toggle[data-dark=true] .devic-int-toggle-popover{box-shadow:0 8px 24px rgba(0,0,0,.45)}.devic-int-toggle[data-dark=true] .devic-int-toggle-switch:not(:checked){background:var(--devic-border,#434343)}.devic-int-body-secondary{overflow:visible;padding-top:0}.devic-int-mcp-section{border-top:1px solid var(--devic-border,#e8e8e8);display:flex;flex-direction:column;gap:10px;padding-top:12px}.devic-int-mcp-heading h4{font-size:13px;font-weight:600;margin:0}.devic-int-mcp-heading span{color:var(--devic-text-muted,#999);display:block;font-size:12px;margin-top:2px}.devic-int-mcp-logo{border-radius:8px;flex-shrink:0;height:32px;object-fit:contain;width:32px}.devic-int-mcp-logo-fallback{align-items:center;background:var(--devic-primary,#1677ff);color:#fff;display:inline-flex;font-size:14px;font-weight:600;justify-content:center}.devic-int-mcp-note{color:var(--devic-text-muted,#999);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-int-mcp-note-warn{color:#faad14}.devic-int-mcp-add{align-self:flex-start;border-style:dashed}.devic-int-mcp-remove{border-color:rgba(255,77,79,.35);color:#ff4d4f}.devic-int-mcp-advanced{display:flex;flex-direction:column;gap:8px}.devic-int-mcp-disclosure{align-self:flex-start;font:inherit;font-size:12px}.devic-int-mcp-copy,.devic-int-mcp-disclosure{background:none;border:none;color:var(--devic-primary,#1677ff);cursor:pointer;padding:0}.devic-int-mcp-copy{font:inherit;font-size:inherit}.devic-int-toggle-btn-loading{animation:devic-int-toggle-pulse 1.4s ease-in-out infinite;cursor:default;opacity:.35}@keyframes devic-int-toggle-pulse{0%,to{opacity:.25}50%{opacity:.5}}.devic-chat-drawer{--devic-primary:#1890ff;--devic-primary-hover:#40a9ff;--devic-primary-light:#e6f7ff;--devic-bg:#fff;--devic-bg-secondary:#f5f5f5;--devic-text:#333;--devic-text-secondary:#666;--devic-text-muted:#999;--devic-border:#e8e8e8;--devic-shadow:0 4px 12px rgba(0,0,0,.15);--devic-error:#ff4d4f;--devic-queued-accent:var(--devic-text-muted);--devic-queued-bubble-bg:transparent;--devic-queued-border:var(--devic-border);--devic-radius:8px;--devic-radius-sm:4px;--devic-radius-lg:16px;--devic-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--devic-transition:0.3s ease;background:var(--devic-bg);bottom:0;box-shadow:var(--devic-shadow);color:var(--devic-text);display:flex;flex-direction:column;font-family:var(--devic-font-family);font-size:14px;line-height:1.5;position:fixed;top:0;transition:transform var(--devic-transition)}.devic-chat-drawer[data-position=right]{right:0;transform:translateX(100%)}.devic-chat-drawer[data-position=left]{left:0;transform:translateX(-100%)}.devic-chat-drawer[data-open=true]{transform:translateX(0)}.devic-drawer-overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;position:fixed;transition:opacity var(--devic-transition),visibility var(--devic-transition);visibility:hidden}.devic-drawer-overlay[data-open=true]{opacity:1;visibility:visible}.devic-drawer-header{align-items:center;border-bottom:1px solid var(--devic-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.devic-drawer-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.devic-drawer-title{flex-shrink:1;font-size:16px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-drawer-close{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-drawer-close:hover{background:var(--devic-bg-secondary);color:var(--devic-text)}.devic-messages-container{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.devic-welcome{color:var(--devic-text-secondary);padding:24px 16px;text-align:center}.devic-welcome-text{font-size:16px;margin-bottom:16px}.devic-suggested-messages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.devic-suggested-btn{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-lg);color:var(--devic-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:border-color var(--devic-transition),background var(--devic-transition)}.devic-suggested-btn:hover{background:var(--devic-primary-light);border-color:var(--devic-primary)}.devic-message{display:flex;flex-direction:column;max-width:85%}.devic-message[data-role=user]{align-self:flex-end}.devic-message[data-role=assistant],.devic-message[data-role=tool]{align-self:flex-start}.devic-message-bubble{word-wrap:break-word;border-radius:var(--devic-radius);padding:10px 14px}.devic-message[data-role=user] .devic-message-bubble{background:var(--devic-user-bubble,var(--devic-primary));border-bottom-right-radius:var(--devic-radius-sm);color:var(--devic-user-bubble-text,#fff)}.devic-message[data-role=assistant] .devic-message-bubble{background:var(--devic-assistant-bubble,var(--devic-bg-secondary));border-bottom-left-radius:var(--devic-radius-sm);color:var(--devic-assistant-bubble-text,var(--devic-text))}.devic-message[data-role=tool] .devic-message-bubble{background:var(--devic-primary-light);border:1px solid var(--devic-primary);color:var(--devic-text);font-size:12px}.devic-message-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.devic-message-time{color:var(--devic-text-muted);font-size:11px}.devic-message[data-role=user] .devic-message-footer{justify-content:flex-end}.devic-message[data-role=user] .devic-message-time{text-align:right}.devic-message[data-queued=true] .devic-message-bubble{background:var(--devic-queued-bubble-bg);border:1px dashed var(--devic-queued-border);color:var(--devic-text);opacity:.85}.devic-message-queued-label{align-items:center;color:var(--devic-queued-accent);display:inline-flex;font-size:11px;gap:4px}.devic-message-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.devic-message-file{align-items:center;background:hsla(0,0%,100%,.2);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:6px 10px}.devic-recall{align-self:flex-start;background:var(--devic-recall-bg,rgba(114,46,209,.06));border:1px solid var(--devic-recall-border,rgba(114,46,209,.3));border-radius:var(--devic-radius-sm,8px);color:var(--devic-text-secondary);flex-shrink:0;font-size:12px;margin:2px 0 8px;max-width:88%;overflow:hidden}.devic-recall-header{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:6px;padding:6px 10px;text-align:left;width:100%}.devic-recall-icon{color:var(--devic-recall-accent,#722ed1);flex-shrink:0}.devic-recall-title{color:var(--devic-text);font-weight:600;white-space:nowrap}.devic-recall-summary{opacity:.75;white-space:nowrap}.devic-recall-spacer{flex:1}.devic-recall-source{border:1px solid var(--devic-recall-border,rgba(114,46,209,.3));border-radius:4px;color:var(--devic-recall-accent,#722ed1);font-size:10px;line-height:16px;padding:0 6px;white-space:nowrap}.devic-recall-chevron{flex-shrink:0;opacity:.6;transition:transform .15s ease}.devic-recall-body{display:flex;flex-direction:column;gap:8px;padding:2px 10px 10px}.devic-recall-facts{display:flex;flex-direction:column;gap:6px}.devic-recall-fact{color:var(--devic-text);display:flex;flex-direction:column;gap:2px}.devic-recall-fact-meta{color:var(--devic-text-muted);font-size:10px}.devic-recall-entities{display:flex;flex-wrap:wrap;gap:4px}.devic-recall-entity{background:var(--devic-bg);border:1px solid var(--devic-border,#d9d9d9);border-radius:4px;color:var(--devic-text-secondary);font-size:10px;line-height:18px;padding:0 6px}.devic-recall-entity-type{opacity:.55}.devic-recall-turns{display:flex;flex-direction:column;gap:3px}.devic-recall-turns-title{font-size:10px;font-weight:600;letter-spacing:.4px;opacity:.7;text-transform:uppercase}.devic-recall-turn{font-size:11px;opacity:.85}.devic-recall-turn-role{font-weight:600}.devic-loading{align-self:flex-start;display:flex;gap:4px;padding:10px 14px}.devic-loading-dot{animation:devic-bounce 1.4s ease-in-out infinite both;background:var(--devic-text-muted);border-radius:50%;height:8px;width:8px}.devic-loading-dot:first-child{animation-delay:-.32s}.devic-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes devic-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.devic-tool-group{align-self:flex-start;display:flex;flex-direction:column;gap:2px;max-width:85%}.devic-tool-activity{align-items:flex-start;animation:devic-slideUp .3s ease-out;display:flex;gap:8px;padding:4px 0}.devic-tool-activity-icon{align-items:center;color:var(--devic-text-muted);display:flex;flex-shrink:0;margin-top:1px}.devic-tool-activity--active .devic-tool-activity-icon{color:var(--devic-primary)}.devic-tool-activity-text{color:var(--devic-text-secondary);font-size:13px;line-height:1.4}.devic-glow-text{animation:devic-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes devic-pulse{0%,to{opacity:1}50%{opacity:.5}}.devic-spinner{animation:devic-spin 1s linear infinite}@keyframes devic-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes devic-slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.devic-tool-collapse-btn{align-items:center;background:none;border:none;color:var(--devic-text-muted);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:12px;gap:6px;padding:4px 0;transition:color .2s ease}.devic-tool-collapse-btn:hover{color:var(--devic-primary)}.devic-tool-group-items{animation:devic-expandItems .4s ease-out;overflow:hidden}.devic-tool-group-items[data-expanded=true]{max-height:500px}@keyframes devic-expandItems{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.devic-input-area{border-top:1px solid var(--devic-border);flex-shrink:0;padding:16px}.devic-input-wrapper{--devic-input-row-height:28px;--devic-input-line-height:20px;align-items:flex-end;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);display:flex;gap:8px;padding:8px 12px}.devic-input{background:none;border:none;box-sizing:border-box;color:var(--devic-text);flex:1;font-family:inherit;font-size:14px;line-height:var(--devic-input-line-height);max-height:120px;min-height:var(--devic-input-row-height);outline:none;padding:calc((var(--devic-input-row-height) - var(--devic-input-line-height))/2) 0;resize:none}.devic-input::placeholder{color:var(--devic-text-muted)}.devic-input-btn{align-items:center;background:none;border:none;border-radius:var(--devic-radius-sm);box-sizing:border-box;color:var(--devic-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:var(--devic-input-row-height,28px);padding:4px;transition:color var(--devic-transition)}.devic-input-btn:hover:not(:disabled){color:var(--devic-primary)}.devic-input-btn:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn{padding:4px 12px}.devic-send-btn,.devic-stop-btn{background:var(--devic-send-btn,var(--devic-primary));border-radius:var(--devic-radius-sm);color:#fff}.devic-stop-btn{min-width:var(--devic-input-row-height,28px);padding:4px}.devic-stop-btn:hover{background:var(--devic-primary-hover);color:#fff}.devic-send-btn-wrapper{flex-shrink:0;position:relative}.devic-send-btn-custom{align-items:center;display:flex;justify-content:center;pointer-events:none}.devic-send-btn-overlay{background:transparent;border:none;cursor:pointer;inset:0;margin:0;padding:0;position:absolute}.devic-send-btn-overlay:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn:hover:not(:disabled){background:var(--devic-primary-hover);color:#fff}.devic-speech-error{background:#fff1f0;border:1px solid #ffccc7;border-radius:var(--devic-radius-sm);color:#cf1322;font-size:12px;margin-bottom:8px;padding:6px 10px}.devic-speech-mic.devic-input-btn:hover:not(:disabled){color:var(--devic-primary)}.devic-speech-mic-wrap{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.devic-speech-mic-wrap[data-holding=true] .devic-speech-mic{color:var(--devic-primary)}.devic-mic-hold-ring{height:calc(100% + 6px);inset:-3px;pointer-events:none;position:absolute;transform:rotate(-90deg);width:calc(100% + 6px)}.devic-mic-hold-ring-track{fill:none;stroke:var(--devic-primary);stroke-opacity:.18;stroke-width:3}.devic-mic-hold-ring-progress{fill:none;stroke:var(--devic-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 90ms linear}.devic-speech-panel{align-items:center;display:flex;flex:1;gap:8px;min-height:var(--devic-input-row-height,28px)}.devic-speech-live{align-items:center;display:flex;flex:1;gap:10px;justify-content:flex-start}.devic-speech-timer{color:var(--devic-text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.devic-speech-confirm{color:#389e0d}.devic-speech-confirm.devic-input-btn:hover:not(:disabled){color:#237804}.devic-speech-confirm-wrap{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.devic-autostop-ring{height:calc(100% + 6px);inset:-3px;pointer-events:none;position:absolute;transform:rotate(-90deg);width:calc(100% + 6px)}.devic-autostop-ring-track{fill:none;stroke:#389e0d;stroke-opacity:.18;stroke-width:3}.devic-autostop-ring-progress{fill:none;stroke:#389e0d;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 90ms linear}.devic-speech-confirm-wrap[data-autostop=true] .devic-speech-confirm{animation:devic-autostop-pulse 1s ease-in-out infinite}@keyframes devic-autostop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.devic-handoff-bar{align-items:center;background:var(--devic-primary-light,#e6f7ff);border-radius:8px;color:var(--devic-primary);display:flex;font-size:12px;gap:8px;margin-bottom:6px;padding:5px 8px}.devic-handoff-dot{animation:devic-handoff-blink 1.2s ease-in-out infinite;background:var(--devic-primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.devic-handoff-bar[data-waiting=true] .devic-handoff-dot{animation-duration:.7s}@keyframes devic-handoff-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.devic-handoff-label{flex:1;font-weight:500}.devic-handoff-stop{align-items:center;background:transparent;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:22px;justify-content:center;opacity:.8;padding:0;width:22px}.devic-handoff-stop:hover{background:rgba(0,0,0,.06);opacity:1}.devic-handoff-pending{align-items:center;animation:devic-handoff-pending-in .18s ease-out;display:flex;flex:1;gap:10px;min-height:24px;min-width:0}@keyframes devic-handoff-pending-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.devic-handoff-pending-icon{align-items:center;animation:devic-autostop-pulse 1s ease-in-out infinite;color:var(--devic-primary);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.devic-handoff-ring{height:100%;inset:0;pointer-events:none;position:absolute;transform:rotate(-90deg);width:100%}.devic-handoff-ring-track{fill:none;stroke:var(--devic-primary);stroke-opacity:.18;stroke-width:3}.devic-handoff-ring-progress{fill:none;stroke:var(--devic-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 90ms linear}.devic-handoff-pending-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.devic-handoff-pending-title{color:var(--devic-primary);font-size:13px;font-weight:500}.devic-handoff-pending-preview{color:var(--devic-text-secondary);font-size:12px;max-height:4.5em;overflow-wrap:anywhere;overflow-y:auto;white-space:normal;word-break:break-word}.devic-speech-cancel{color:var(--devic-text-muted)}.devic-speech-cancel.devic-input-btn:hover:not(:disabled){color:#cf1322}.devic-speech-status{color:var(--devic-text-secondary);font-size:13px}.devic-speech-spinner{animation:devic-spin .8s linear infinite;border:2px solid var(--devic-border);border-radius:50%;border-top-color:var(--devic-primary);flex-shrink:0;height:16px;width:16px}.devic-transcript-playback{align-items:center;background:hsla(0,0%,100%,.18);border-radius:999px;display:inline-flex;font-size:12px;gap:6px;line-height:1;margin-top:6px;max-width:100%;padding:3px 8px 3px 3px}.devic-message[data-role=assistant] .devic-transcript-playback{background:var(--devic-bg-secondary,rgba(0,0,0,.05))}.devic-transcript-btn{align-items:center;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;color:var(--devic-primary,#6c5ce7);cursor:pointer;display:inline-flex;flex-shrink:0;height:22px;justify-content:center;padding:0;transition:background .15s ease;width:22px}.devic-transcript-btn:hover:not(:disabled){background:#fff}.devic-transcript-btn:disabled{cursor:default;opacity:.7}.devic-transcript-icon{align-items:center;display:inline-flex;opacity:.85}.devic-transcript-playback[data-playing=true] .devic-transcript-icon{animation:devic-pulse 1.2s ease-in-out infinite}.devic-transcript-label{opacity:.9;white-space:nowrap}.devic-transcript-spinner{animation:devic-spin .8s linear infinite;border:2px solid rgba(108,92,231,.3);border-radius:50%;border-top:2px solid var(--devic-primary,#6c5ce7);height:12px;width:12px}.devic-equalizer{align-items:center;display:flex;gap:3px;height:24px}.devic-equalizer-bar{background:var(--devic-primary);border-radius:2px;min-height:3px;transition:height 90ms ease-out;width:3px}.devic-equalizer[data-paused=true] .devic-equalizer-bar{background:var(--devic-text-muted);height:10%!important}.devic-file-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.devic-file-preview-item{align-items:center;background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:4px 8px}.devic-file-remove{background:none;border:none;color:var(--devic-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0}.devic-file-remove:hover{color:#ff4d4f}.devic-file-preview-thumb{border-radius:var(--devic-radius-sm);display:block;height:28px;object-fit:cover;width:28px}.devic-input-area{position:relative}.devic-drop-overlay{align-items:center;background:var(--devic-bg);border:2px dashed var(--devic-primary,var(--devic-border));border-radius:var(--devic-radius);color:var(--devic-text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.devic-pasted-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.devic-pasted-card{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius);font-size:12px;max-width:240px;padding:10px;position:relative;text-align:left}.devic-pasted-card-preview{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:var(--devic-text-muted);display:-webkit-box;line-height:1.4;margin:0 0 8px;overflow:hidden}.devic-pasted-card-footer{align-items:center;display:flex;gap:8px}.devic-pasted-card-badge{background:var(--devic-bg-secondary);border-radius:var(--devic-radius-sm);color:var(--devic-text);font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 6px}.devic-pasted-card-meta{color:var(--devic-text-muted);font-size:11px}.devic-pasted-card-remove{position:absolute;right:6px;top:4px}.devic-message-pasted{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.devic-message-pasted .devic-pasted-card{max-width:100%;overflow:hidden;padding:0}.devic-pasted-card-toggle{background:none;border:none;color:var(--devic-text);cursor:pointer;display:block;font:inherit;padding:10px;text-align:left;width:100%}.devic-pasted-card-full{color:var(--devic-text);font-family:var(--devic-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:11px;line-height:1.5;margin:0 0 8px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word}.devic-message-file-image{border-radius:var(--devic-radius-sm);display:block;max-width:220px;overflow:hidden}.devic-message-file-image img{display:block;height:auto;width:100%}.devic-trigger{align-items:center;background:var(--devic-primary);border:none;border-radius:50%;box-shadow:var(--devic-shadow);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;transition:background var(--devic-transition),transform var(--devic-transition);width:56px}.devic-trigger:hover{background:var(--devic-primary-hover);transform:scale(1.05)}.devic-trigger svg{height:24px;width:24px}.devic-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:var(--devic-radius);color:#ff4d4f;font-size:13px;margin:8px 16px;padding:12px}.devic-messages-container::-webkit-scrollbar{width:6px}.devic-messages-container::-webkit-scrollbar-track{background:transparent}.devic-messages-container::-webkit-scrollbar-thumb{background:var(--devic-border);border-radius:3px}.devic-messages-container::-webkit-scrollbar-thumb:hover{background:var(--devic-text-muted)}.devic-chat-drawer[data-mode=inline]{border:1px solid var(--devic-border);bottom:auto;box-shadow:none;height:100%;left:auto;position:relative;right:auto;top:auto;transform:none}.devic-drawer-header-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.devic-new-chat-btn{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-new-chat-btn:hover{background:var(--devic-bg-secondary);color:var(--devic-primary)}.devic-conversation-selector{flex:1;margin:0 8px;min-width:72px;position:relative}.devic-conversation-selector-trigger{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);color:var(--devic-text);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:13px;gap:6px;padding:6px 10px;text-align:left;transition:border-color var(--devic-transition);width:100%}.devic-conversation-selector-trigger:hover{border-color:var(--devic-primary)}.devic-conversation-selector-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-conversation-dropdown{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius);box-shadow:var(--devic-shadow);display:flex;flex-direction:column;left:0;max-height:320px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.devic-conversation-search-wrapper{border-bottom:1px solid var(--devic-border);padding:8px}.devic-conversation-search{background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);box-sizing:border-box;color:var(--devic-text);font-family:var(--devic-font-family);font-size:13px;outline:none;padding:6px 8px;width:100%}.devic-conversation-search:focus{border-color:var(--devic-primary)}.devic-conversation-list{flex:1;overflow-y:auto}.devic-conversation-item{align-items:center;background:none;border:none;color:var(--devic-text);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:13px;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.devic-conversation-item:hover,.devic-conversation-item[data-active=true]{background:var(--devic-bg-secondary)}.devic-conversation-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-conversation-item-date{color:var(--devic-text-muted);flex-shrink:0;font-size:11px;margin-left:8px}.devic-conversation-empty,.devic-conversation-loading{color:var(--devic-text-muted);font-size:13px;padding:12px;text-align:center}.devic-conversation-load-more{background:none;border:none;color:var(--devic-text-muted);cursor:pointer;display:block;font-family:var(--devic-font-family);font-size:12px;padding:8px 12px;text-align:center;transition:background .15s;width:100%}.devic-conversation-load-more:hover{background:var(--devic-bg-secondary);color:var(--devic-primary)}.devic-conversation-new{background:none;border:none;border-top:1px solid var(--devic-border);color:var(--devic-primary);cursor:pointer;display:block;font-family:var(--devic-font-family);font-size:13px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.devic-conversation-new:hover{background:var(--devic-bg-secondary)}.devic-conversation-item-check{align-items:center;color:var(--devic-primary);display:flex;flex-shrink:0;margin-right:6px}.devic-message-bubble h1,.devic-message-bubble h2,.devic-message-bubble h3,.devic-message-bubble h4,.devic-message-bubble h5,.devic-message-bubble h6{line-height:1.3;margin:8px 0 4px}.devic-message-bubble h1{font-size:1.3em}.devic-message-bubble h2{font-size:1.2em}.devic-message-bubble h3{font-size:1.1em}.devic-message-bubble p{margin:4px 0}.devic-message-bubble ol,.devic-message-bubble ul{margin:4px 0;padding-left:20px}.devic-message-bubble code{background:rgba(0,0,0,.06);border-radius:3px;color:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;padding:1px 4px}.devic-message-bubble pre{background:rgba(0,0,0,.06);border-radius:var(--devic-radius-sm);color:inherit;margin:8px 0;overflow-x:auto;padding:10px}.devic-message-bubble pre code{background:none;color:inherit;padding:0}.devic-message-bubble blockquote{border-left:3px solid var(--devic-border);color:var(--devic-text-secondary);margin:4px 0;padding-left:12px}.devic-message-bubble a{color:var(--devic-primary);text-decoration:underline}.devic-message-bubble p:first-child{margin-top:0}.devic-message-bubble p:last-child{margin-bottom:0}.devic-message[data-role=user] .devic-message-bubble a{color:inherit}.devic-message[data-role=user] .devic-message-bubble code,.devic-message[data-role=user] .devic-message-bubble pre{background:hsla(0,0%,100%,.18)}.devic-message[data-role=user] .devic-message-bubble blockquote{border-left-color:hsla(0,0%,100%,.45);color:inherit}.markdown-table{margin:8px 0;overflow-x:auto}.markdown-table table{border-collapse:collapse;font-size:13px;width:100%}.markdown-table td,.markdown-table th{border:1px solid var(--devic-border);padding:6px 10px;text-align:left}.markdown-table th{background:var(--devic-bg-secondary);font-weight:600}.devic-resize-handle{bottom:0;cursor:col-resize;position:absolute;top:0;width:6px;z-index:1}.devic-resize-handle[data-position=right]{left:0}.devic-resize-handle[data-position=left]{right:0}.devic-resize-handle:active,.devic-resize-handle:hover{background:var(--devic-primary);opacity:.3}.devic-handoff-widget{animation:devic-slideUp .3s ease-out;background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:8px;display:flex;flex-direction:column;gap:10px;max-width:320px;padding:12px;width:100%}.devic-handoff-header{align-items:center;display:flex;gap:8px}.devic-handoff-agent-avatar{align-items:center;background:var(--devic-bg-secondary);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.devic-handoff-avatar-img{height:100%;object-fit:cover;width:100%}.devic-handoff-agent-name{color:var(--devic-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-handoff-progress,.devic-handoff-state-row{align-items:center;display:flex;gap:8px}.devic-handoff-progress-bar{background:#f0f0f0;border-radius:3px;flex:1;height:6px;overflow:hidden;position:relative}.devic-handoff-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.devic-handoff-progress-fill[data-status=active]{background:var(--devic-primary)}.devic-handoff-progress-fill[data-status=success]{background:#52c41a}.devic-handoff-progress-fill[data-status=error]{background:#ff4d4f}.devic-handoff-progress-text{color:var(--devic-text-muted);flex-shrink:0;font-size:11px}.devic-handoff-progress-indeterminate{animation:devic-indeterminate 1.5s ease-in-out infinite;background:var(--devic-primary);border-radius:3px;height:100%;width:40%}@keyframes devic-indeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}to{transform:translateX(-100%)}}.devic-handoff-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--devic-text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.devic-handoff-summary-active{animation:devic-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.devic-handoff-elapsed{align-items:center;color:var(--devic-text-muted);display:flex;font-size:11px;gap:4px}.devic-message[data-role=user] .devic-message-references{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-bottom:4px}.devic-message-reference-chip{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text);display:inline-flex;font-size:11px;gap:4px;max-width:220px;padding:3px 8px}.devic-message-reference-chip-label{color:var(--devic-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-reference-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px;padding:6px 8px}.devic-reference-chip{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text);display:inline-flex;font-size:12px;gap:6px;max-width:220px;padding:4px 8px}.devic-reference-chip-label{color:var(--devic-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-reference-chip-remove{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--devic-text-muted);cursor:pointer;display:inline-flex;font-size:16px;line-height:1;padding:0 2px}.devic-reference-chip-remove:hover{background:rgba(0,0,0,.06);color:var(--devic-text)}.devic-queue-notice{align-items:center;background:var(--devic-bg-secondary);border:1px dashed var(--devic-queued-border);border-radius:var(--devic-radius);color:var(--devic-text-secondary);display:flex;font-size:12px;gap:6px;line-height:1.4;margin-bottom:4px;padding:8px 12px}.devic-queue-notice-icon{color:var(--devic-queued-accent);display:flex;flex-shrink:0}.devic-queue-notice[data-alert=true]{border-color:var(--devic-error,#ff4d4f);border-style:solid;color:var(--devic-text)}.devic-queue-notice[data-alert=true] .devic-queue-notice-icon{color:var(--devic-error,#ff4d4f)}.devic-input-disabled-notice{align-items:center;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);color:var(--devic-text-muted);display:flex;font-size:12px;gap:6px;justify-content:center;margin-bottom:4px;padding:8px 12px}.devic-inline-widgets{display:flex;flex-direction:column;gap:8px;padding:8px 12px}.devic-inline-widget{background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius);padding:12px}.devic-input-widget{padding:8px;width:100%}.devic-limit-banner{align-items:flex-start;background:#fff7e6;border:1px solid #ffd591;border-radius:var(--devic-radius);color:#ad4e00;display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 12px}.devic-limit-banner-icon{color:#fa8c16;display:inline-flex;flex-shrink:0;margin-top:1px}.devic-limit-banner-text{display:flex;flex-direction:column;gap:2px;line-height:1.35}.devic-limit-banner-title{font-weight:600}.devic-limit-banner-reset{color:var(--devic-text-secondary);font-size:12px}.devic-usage-bar-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.devic-usage-bar-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.devic-usage-tier{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text-secondary);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.devic-usage-bar-window{color:var(--devic-text-muted);white-space:nowrap}.devic-usage-bar-group{background:var(--devic-bg-secondary);border-radius:var(--devic-radius);display:flex;flex-direction:column;gap:4px;padding:5px 10px}.devic-usage-bar-group .devic-usage-bar{background:transparent;padding:0}.devic-usage-bar{align-items:center;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);color:var(--devic-text-secondary);display:flex;font-size:12px;gap:8px;padding:5px 10px}.devic-usage-bar[data-empty=true]{color:var(--devic-text-muted);justify-content:space-between}.devic-usage-bar-label{font-weight:500;white-space:nowrap}.devic-usage-bar-track{background:var(--devic-border);border-radius:999px;flex:1;height:6px;overflow:hidden}.devic-usage-bar-fill{border-radius:999px;height:100%;transition:width var(--devic-transition),background-color var(--devic-transition)}.devic-usage-bar-reset{color:var(--devic-text-muted);white-space:nowrap}.devic-usage-toggle{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:999px;color:var(--devic-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-usage-toggle:hover{background:var(--devic-border);color:var(--devic-text)}.devic-usage-collapse{align-items:center;background:transparent;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-muted);cursor:pointer;display:inline-flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.devic-usage-collapse:hover{background:var(--devic-border);color:var(--devic-text)}@media (max-width:480px){.devic-chat-drawer{width:100%}}.devic-command-bar-container{--devic-cmd-bg:var(--devic-cmd-bg-override,#fff);--devic-cmd-text:var(--devic-cmd-text-override,#1f2937);--devic-cmd-text-secondary:var(--devic-cmd-text-secondary-override,#6b7280);--devic-cmd-border:var(--devic-cmd-border-override,#e5e7eb);--devic-cmd-radius:var(--devic-cmd-radius-override,12px);--devic-cmd-shadow:var(--devic-cmd-shadow-override,0 4px 20px rgba(0,0,0,.1));--devic-cmd-primary:var(--devic-cmd-primary-override,#3b82f6);--devic-cmd-font-family:var(--devic-cmd-font-family-override,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--devic-cmd-font-size:var(--devic-cmd-font-size-override,14px);--devic-cmd-animation-duration:var(--devic-cmd-animation-duration-override,200ms);color:var(--devic-cmd-text);display:flex;flex-direction:column;font-family:var(--devic-cmd-font-family);font-size:var(--devic-cmd-font-size);gap:8px;max-width:100%;width:400px}.devic-command-bar-container[data-position=fixed]{position:fixed}.devic-command-bar-container[data-position=inline]{position:relative}.devic-command-bar-container[data-visible=false]{opacity:0;pointer-events:none;transform:translateY(8px)}.devic-command-bar-container[data-visible=false],.devic-command-bar-container[data-visible=true]{transition:opacity var(--devic-cmd-animation-duration) ease,transform var(--devic-cmd-animation-duration) ease}.devic-command-bar-container[data-visible=true]{opacity:1;transform:translateY(0)}.devic-command-bar{align-items:center;background:var(--devic-cmd-bg);border:1px solid var(--devic-cmd-border);border-radius:var(--devic-cmd-radius);box-shadow:var(--devic-cmd-shadow);display:flex;gap:12px;padding:12px 16px}.devic-command-bar-icon{align-items:center;color:var(--devic-cmd-text-secondary);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.devic-command-bar-icon svg{height:100%;width:100%}.devic-command-bar-input{background:transparent;border:none;color:inherit;flex:1;font-family:inherit;font-size:inherit;min-width:0;outline:none}.devic-command-bar-input::placeholder{color:var(--devic-cmd-text-secondary)}.devic-command-bar-summary{animation:devic-cmd-pulse 1.5s ease-in-out infinite;color:var(--devic-cmd-text-secondary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes devic-cmd-pulse{0%,to{opacity:1}50%{opacity:.6}}.devic-command-bar-shortcut{background:var(--devic-cmd-border);border-radius:6px;color:var(--devic-cmd-text-secondary);flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px}.devic-command-bar-spinner{animation:devic-cmd-spin .8s linear infinite;border:2px solid var(--devic-cmd-border);border-radius:50%;border-top-color:var(--devic-cmd-primary);height:20px;width:20px}@keyframes devic-cmd-spin{to{transform:rotate(1turn)}}.devic-command-bar-result{animation:devic-cmd-slide-up .2s ease-out;background:var(--devic-cmd-bg);border:1px solid var(--devic-cmd-border);border-radius:var(--devic-cmd-radius);box-shadow:var(--devic-cmd-shadow);overflow:hidden}@keyframes devic-cmd-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.devic-command-bar-result-tools{border-bottom:1px solid var(--devic-cmd-border)}.devic-command-bar-result-tools-header{align-items:center;color:var(--devic-cmd-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;transition:background .15s ease;user-select:none}.devic-command-bar-result-tools-header:hover{background:rgba(0,0,0,.02)}.devic-command-bar-result-tools-chevron{height:16px;transition:transform .2s ease;width:16px}.devic-command-bar-result-tools-header[data-expanded=true] .devic-command-bar-result-tools-chevron{transform:rotate(90deg)}.devic-command-bar-result-tools-count{align-items:center;background:var(--devic-cmd-primary);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.devic-command-bar-result-tools-list{display:flex;flex-direction:column;gap:6px;padding:8px 14px 12px}.devic-command-bar-result-tools-list[data-expanded=false]{display:none}.devic-command-bar-result-tool-item{align-items:center;background:rgba(0,0,0,.02);border-radius:6px;display:flex;font-size:12px;gap:8px;padding:6px 10px}.devic-command-bar-result-tool-icon{color:#10b981;height:14px;width:14px}.devic-command-bar-result-tool-name{color:var(--devic-cmd-text-secondary)}.devic-command-bar-result-message{line-height:1.5;max-height:300px;overflow-y:auto;padding:14px}.devic-command-bar-result-message::-webkit-scrollbar{width:6px}.devic-command-bar-result-message::-webkit-scrollbar-track{background:transparent}.devic-command-bar-result-message::-webkit-scrollbar-thumb{background:var(--devic-cmd-border);border-radius:3px}.devic-command-bar-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--devic-cmd-radius);color:#dc2626;font-size:13px;padding:10px 14px}.devic-command-bar-result-empty{color:var(--devic-cmd-text-secondary);font-size:13px;padding:14px;text-align:center}.devic-command-bar-dropdown{animation:devic-cmd-slide-up .2s ease-out;background:var(--devic-cmd-bg);border:1px solid var(--devic-cmd-border);border-radius:var(--devic-cmd-radius);box-shadow:var(--devic-cmd-shadow);overflow:hidden}.devic-command-bar-dropdown-header{align-items:center;border-bottom:1px solid var(--devic-cmd-border);color:var(--devic-cmd-text-secondary);display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.devic-command-bar-dropdown-hint{align-items:center;display:flex;font-weight:400;gap:4px;letter-spacing:0;text-transform:none}.devic-command-bar-dropdown-hint kbd{align-items:center;background:var(--devic-cmd-border);border-radius:4px;display:inline-flex;font-family:inherit;font-size:10px;height:18px;justify-content:center;min-width:18px;padding:0 4px}.devic-command-bar-dropdown-clear{background:none;border:none;border-radius:4px;color:var(--devic-cmd-primary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;padding:2px 6px;text-transform:none}.devic-command-bar-dropdown-clear:hover{background:rgba(0,0,0,.05)}.devic-command-bar-dropdown-list{max-height:250px;overflow-y:auto}.devic-command-bar-dropdown-list::-webkit-scrollbar{width:6px}.devic-command-bar-dropdown-list::-webkit-scrollbar-track{background:transparent}.devic-command-bar-dropdown-list::-webkit-scrollbar-thumb{background:var(--devic-cmd-border);border-radius:3px}.devic-command-bar-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s ease}.devic-command-bar-dropdown-item:hover,.devic-command-bar-dropdown-item[data-selected=true]{background:rgba(0,0,0,.04)}.devic-command-bar-dropdown-item[data-selected=true]{background:var(--devic-cmd-primary);background:rgba(59,130,246,.1)}.devic-command-bar-dropdown-icon{align-items:center;color:var(--devic-cmd-text-secondary);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.devic-command-bar-dropdown-keyword{color:var(--devic-cmd-text);flex-shrink:0;font-weight:600}.devic-command-bar-dropdown-desc{color:var(--devic-cmd-text-secondary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-command-bar-dropdown-empty{color:var(--devic-cmd-text-secondary);font-size:13px;padding:20px 14px;text-align:center}.devic-command-bar-history-item{border-bottom:1px solid rgba(0,0,0,.04)}.devic-command-bar-history-item:last-child{border-bottom:none}.devic-command-bar-history-text{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-gen-container{--devic-gen-primary:var(--devic-gen-primary-override,#3b82f6);--devic-gen-primary-hover:var(--devic-gen-primary-hover-override,#2563eb);--devic-gen-bg:var(--devic-gen-bg-override,#fff);--devic-gen-text:var(--devic-gen-text-override,#1f2937);--devic-gen-text-secondary:var(--devic-gen-text-secondary-override,#6b7280);--devic-gen-border:var(--devic-gen-border-override,#e5e7eb);--devic-gen-radius:var(--devic-gen-radius-override,8px);--devic-gen-font-family:var(--devic-gen-font-family-override,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);--devic-gen-font-size:var(--devic-gen-font-size-override,14px);--devic-gen-z-index:var(--devic-gen-z-index-override,10000);--devic-gen-animation-duration:var(--devic-gen-animation-duration-override,200ms);--devic-gen-modal-bg:var(--devic-gen-modal-bg-override,#fff);--devic-gen-modal-text:var(--devic-gen-modal-text-override,#1f2937);--devic-gen-modal-border:var(--devic-gen-modal-border-override,#e5e7eb);font-family:var(--devic-gen-font-family);font-size:var(--devic-gen-font-size)}.devic-gen-button{align-items:center;border:none;border-radius:var(--devic-gen-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;transition:all var(--devic-gen-animation-duration) ease}.devic-gen-button:disabled{cursor:not-allowed;opacity:.6}.devic-gen-button[data-size=small]{font-size:12px;padding:6px 12px}.devic-gen-button[data-size=medium]{font-size:14px;padding:8px 16px}.devic-gen-button[data-size=large]{font-size:16px;padding:12px 24px}.devic-gen-button[data-variant=primary]{background:var(--devic-gen-primary);color:#fff}.devic-gen-button[data-variant=primary]:hover:not(:disabled){background:var(--devic-gen-primary-hover)}.devic-gen-button[data-variant=secondary]{background:var(--devic-gen-border);color:var(--devic-gen-text)}.devic-gen-button[data-variant=secondary]:hover:not(:disabled){background:#d1d5db}.devic-gen-button[data-variant=outline]{background:transparent;border:1px solid var(--devic-gen-primary);color:var(--devic-gen-primary)}.devic-gen-button[data-variant=outline]:hover:not(:disabled){background:rgba(59,130,246,.1)}.devic-gen-button[data-variant=ghost]{background:transparent;color:var(--devic-gen-text)}.devic-gen-button[data-variant=ghost]:hover:not(:disabled){background:rgba(0,0,0,.05)}.devic-gen-button-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.devic-gen-button-icon svg{height:100%;width:100%}.devic-gen-spinner{animation:devic-gen-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}.devic-gen-spinner-small{border-width:1.5px;height:12px;width:12px}@keyframes devic-gen-spin{to{transform:rotate(1turn)}}.devic-gen-input{background:var(--devic-gen-modal-bg);border:1px solid var(--devic-gen-modal-border);border-radius:var(--devic-gen-radius);color:var(--devic-gen-modal-text);font-family:inherit;font-size:inherit;min-height:80px;outline:none;padding:12px;resize:vertical;transition:border-color var(--devic-gen-animation-duration) ease;width:100%}.devic-gen-input:focus{border-color:var(--devic-gen-primary)}.devic-gen-input::placeholder{color:var(--devic-gen-text-secondary)}.devic-gen-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--devic-gen-radius);color:#dc2626;font-size:13px;margin-top:8px;padding:8px 12px}.devic-gen-tooltip{animation:devic-gen-fade-in var(--devic-gen-animation-duration) ease-out;background:var(--devic-gen-modal-bg);border:1px solid var(--devic-gen-modal-border);border-radius:var(--devic-gen-radius);box-shadow:0 4px 20px rgba(0,0,0,.15);padding:12px}@keyframes devic-gen-fade-in{0%{opacity:0;transform:translateY(4px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.devic-gen-tooltip[data-placement=left],.devic-gen-tooltip[data-placement=right]{animation-name:devic-gen-fade-in-horizontal}@keyframes devic-gen-fade-in-horizontal{0%{opacity:0;transform:translateX(4px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}.devic-gen-tooltip-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.devic-gen-tooltip-cancel,.devic-gen-tooltip-confirm{align-items:center;border-radius:var(--devic-gen-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all var(--devic-gen-animation-duration) ease}.devic-gen-tooltip-cancel{background:transparent;border:1px solid var(--devic-gen-modal-border);color:var(--devic-gen-text-secondary)}.devic-gen-tooltip-cancel:hover{background:rgba(0,0,0,.05)}.devic-gen-tooltip-confirm{background:var(--devic-gen-primary);border:none;color:#fff}.devic-gen-tooltip-confirm:hover:not(:disabled){background:var(--devic-gen-primary-hover)}.devic-gen-tooltip-confirm:disabled{cursor:not-allowed;opacity:.6}.devic-gen-modal-overlay{align-items:center;animation:devic-gen-overlay-fade-in var(--devic-gen-animation-duration) ease-out;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--devic-gen-z-index)}@keyframes devic-gen-overlay-fade-in{0%{opacity:0}to{opacity:1}}.devic-gen-modal{animation:devic-gen-modal-slide-up var(--devic-gen-animation-duration) ease-out;background:var(--devic-gen-modal-bg);border-radius:calc(var(--devic-gen-radius) + 4px);box-shadow:0 20px 50px rgba(0,0,0,.2);margin:16px;max-width:480px;width:100%}@keyframes devic-gen-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.devic-gen-modal-header{align-items:center;border-bottom:1px solid var(--devic-gen-modal-border);display:flex;justify-content:space-between;padding:16px 20px}.devic-gen-modal-title{color:var(--devic-gen-modal-text);font-size:18px;font-weight:600;margin:0}.devic-gen-modal-close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--devic-gen-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all var(--devic-gen-animation-duration) ease;width:32px}.devic-gen-modal-close:hover{background:rgba(0,0,0,.05);color:var(--devic-gen-modal-text)}.devic-gen-modal-description{color:var(--devic-gen-text-secondary);font-size:14px;line-height:1.5;margin:0;padding:12px 20px 0}.devic-gen-modal-body{padding:16px 20px}.devic-gen-modal-footer{border-top:1px solid var(--devic-gen-modal-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.devic-gen-modal-cancel,.devic-gen-modal-confirm{align-items:center;border-radius:var(--devic-gen-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--devic-gen-animation-duration) ease}.devic-gen-modal-cancel{background:transparent;border:1px solid var(--devic-gen-modal-border);color:var(--devic-gen-text-secondary)}.devic-gen-modal-cancel:hover{background:rgba(0,0,0,.05);color:var(--devic-gen-modal-text)}.devic-gen-modal-confirm{background:var(--devic-gen-primary);border:none;color:#fff}.devic-gen-modal-confirm:hover:not(:disabled){background:var(--devic-gen-primary-hover)}.devic-gen-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.devic-gen-input::-webkit-scrollbar{width:6px}.devic-gen-input::-webkit-scrollbar-track{background:transparent}.devic-gen-input::-webkit-scrollbar-thumb{background:var(--devic-gen-border);border-radius:3px}.devic-gen-input:disabled{background:var(--devic-gen-border);cursor:not-allowed;opacity:.6}.devic-gen-tool-calls{background:rgba(0,0,0,.02);border:1px solid var(--devic-gen-modal-border);border-radius:var(--devic-gen-radius);display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px}.devic-gen-tool-item{align-items:center;color:var(--devic-gen-text-secondary);display:flex;font-size:13px;gap:8px}.devic-gen-tool-item[data-status=executing]{color:var(--devic-gen-primary)}.devic-gen-tool-item[data-status=completed] .devic-gen-tool-icon{color:#10b981}.devic-gen-tool-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.devic-gen-tool-icon svg{height:100%;width:100%}.devic-gen-tool-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-gen-tool-custom{padding:8px 0}.devic-gen-processing-status{align-items:center;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:var(--devic-gen-radius);display:flex;gap:8px;margin-bottom:12px;padding:10px 12px}.devic-gen-processing-text{animation:devic-gen-pulse 1.5s ease-in-out infinite;color:var(--devic-gen-primary);font-size:13px}@keyframes devic-gen-pulse{0%,to{opacity:1}50%{opacity:.6}}.devic-aiwrap-container,.devic-aiwrap-tooltip,.devic-aiwrap-trigger-wrapper{--devic-aiwrap-color:#7c3aed;--devic-aiwrap-color-2:#4f46e5;--devic-aiwrap-bg:#fff;--devic-aiwrap-text:#1f2937;--devic-aiwrap-border:#e5e7eb;--devic-aiwrap-shadow:0 8px 24px rgba(0,0,0,.12)}.devic-aiwrap-container[data-highlight=true] .devic-aiwrap-content{background:rgba(124,58,237,.08);border-radius:4px;outline:1px dashed rgba(124,58,237,.45);outline-offset:2px;transition:background .15s ease,outline-color .15s ease}.devic-aiwrap-content{display:inline;transition:background .15s ease}.devic-aiwrap-trigger-wrapper{display:inline-flex}.devic-aiwrap-trigger{align-items:center;background:linear-gradient(90deg,var(--devic-aiwrap-color) 0,var(--devic-aiwrap-color-2) 100%);border:1px solid hsla(0,0%,100%,.25);box-shadow:0 4px 14px rgba(124,58,237,.35);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.devic-aiwrap-trigger:hover{box-shadow:0 6px 18px rgba(124,58,237,.45);transform:translateY(-1px)}.devic-aiwrap-trigger:active{transform:translateY(0)}.devic-aiwrap-trigger-icon{align-items:center;display:inline-flex}.devic-aiwrap-trigger-label{line-height:1}.devic-aiwrap-tooltip{background:var(--devic-aiwrap-bg);border:1px solid var(--devic-aiwrap-border);border-radius:12px;box-shadow:var(--devic-aiwrap-shadow);color:var(--devic-aiwrap-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}.devic-aiwrap-tooltip-header{align-items:center;background:rgba(124,58,237,.05);border-bottom:1px solid var(--devic-aiwrap-border);display:flex;gap:8px;justify-content:space-between;padding:10px 12px}.devic-aiwrap-tooltip-label{color:var(--devic-aiwrap-color);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-aiwrap-tooltip-close{align-items:center;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;padding:2px}.devic-aiwrap-tooltip-close:hover{background:rgba(0,0,0,.06);color:#111827}.devic-aiwrap-tooltip-body{line-height:1.5;max-height:320px;overflow-y:auto;padding:12px}.devic-aiwrap-processing{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.devic-aiwrap-spinner{animation:devic-aiwrap-spin .7s linear infinite;border:2px solid rgba(124,58,237,.25);border-radius:50%;border-top:2px solid var(--devic-aiwrap-color);flex-shrink:0;height:14px;width:14px}@keyframes devic-aiwrap-spin{to{transform:rotate(1turn)}}.devic-aiwrap-error{color:#dc2626;font-size:13px}.devic-aiwrap-answer{white-space:pre-wrap;word-break:break-word}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devicai/ui",
-  "version": "0.52.0",
+  "version": "0.54.0",
   "type": "module",
   "description": "React component library for Devic AI assistants",
   "engines": {