diff --git a/README.md b/README.md index fd181b5..b4421f0 100644 --- a/README.md +++ b/README.md @@ -1,99 +1,151 @@

- Meldwork + Meldwork - Agents change. Work continues. +

+ +

+ English · 简体中文

# Meldwork -**Bring the local Agent CLIs already on your machine into one persistent workspace.** +**Agents change. Work continues.** -Meldwork is building an open, local-first work system for agents across vendors. The current MVP brings multiple local AI Agent CLIs into the same local conversation and working directory, discovers the Agents already available on your computer, keeps conversations persistent, preserves resumable native sessions where compatible CLIs expose them, and coordinates manual or bounded automatic discussions without requiring a hosted orchestration service. +Meldwork is a local-first desktop workspace for general-purpose AI agents. -The long-term product direction is an open-source, local-first work system for agents across vendors. This repository is still `UNLICENSED`; the public open-source launch must not happen until a project license is selected and added. +AI agents are no longer one narrow product category. Tools that began with coding, research, personal assistance, or operations are converging into general-purpose systems that can reason, use tools, handle files, and carry multi-step work. People will use more than one of them. The work still needs one place to continue. -## Product Direction +Meldwork is not another Agent, and it is not a coding-only Agent aggregator. It keeps conversations, compatible native sessions, collaboration state, and human control in one persistent workspace while work moves between different Agents. -The target product promise is **Different agents. Work you can verify.** It describes the evidence-and-acceptance loop Meldwork intends to build, not a claim that the current MVP already verifies Agent output. +> **Current MVP:** Meldwork connects the supported local Agent CLIs listed below. The product direction is an open connector layer for local, cloud, custom, and channel-native Agents, but arbitrary Agent connectors are not shipped yet. This repository also remains `UNLICENSED` until a public software license is selected. -The current MVP proves local Agent discovery, guarded execution, persistent conversations, and native-session continuity where upstream CLIs support it. The next milestone is not a larger adapter count; it is an outcome loop that turns Agent activity into work a user can inspect and adopt: +## Better Agents do not solve fragmented work + +When real work moves between Agents, users still have to: + +- rebuild context across disconnected sessions and interfaces; +- collect decisions, files, and intermediate results from different places; +- decide manually which Agent should answer, challenge, revise, or continue; +- remember which Agent still holds which part of the task; +- reconcile different Provider traffic, permissions, and tool behavior; +- treat a fluent answer as completion because there is no durable work record. + +This affects research, planning, writing, operations, analysis, design, development, and review. Coding is one use case, not the product boundary. + +## One workspace for the work + +| Fragmented Agent use | With the current Meldwork MVP | +| --- | --- | +| Context trapped in separate sessions | Persistent direct and group conversations in one local workspace | +| Re-explaining the task after every switch | Native-session continuity where the upstream Agent exposes a compatible resume mechanism | +| Manually routing work across several interfaces | Direct responses or user-bounded multi-Agent discussions with visible run state | +| Unclear write and Provider behavior | Explicit per-Agent Provider profiles and visible per-conversation write mode where enforceable | +| A hosted orchestration account becomes the new dependency | Groups, messages, and orchestration state remain on the user's machine | + +Local-first does not mean every model runs offline. Network traffic still follows the Agent and Provider configuration the user selects. Meldwork keeps its workspace and control state local. + +## General Agents, modeled by real capabilities + +Codex, Claude Code, Hermes, OpenClaw, and similar tools may have different origins, but their capabilities increasingly extend beyond a single coding workflow. Meldwork treats them as Agents and keeps their actual differences explicit: supported inputs, Skills, session behavior, Provider configuration, permissions, and output handling. + +The name of an upstream tool does not define Meldwork's category. Continuity of work across Agents does. + +## What works today + +### Discover supported local Agents + +Refresh one catalog to find supported Agent CLIs already installed or available through an allowlisted installer recipe. Executable paths stay in the Electron main process. + +### Keep work in persistent conversations + +Create multiple direct conversations for the same Agent, return later, or bring selected Agents into a group around the same body of work. + +### Continue native sessions where possible + +For compatible CLI versions, Meldwork keeps one logical native session per Agent and conversation. A resumed Agent receives only the group messages it has not already seen. + +### Bring in another Agent without rebuilding the workflow + +Run one response or a bounded automatic discussion from 1 to 10 rounds. Each Agent has a visible queued, running, completed, or failed state, and the user decides what to accept. + +### Carry useful context and outputs + +Reference validated local Skills with `@`, attach supported PNG or JPEG images, and collect supported image, audio, or video outputs from the authorized workspace's `.meldwork-output` directory. Capability checks remain Agent-specific. + +### Keep execution boundaries explicit + +Executable paths, attachment paths, session references, and child processes stay in the Electron main process. Compatible Provider credentials use operating-system-backed secure storage and are not returned to the renderer after saving. + +## Any Agent is the direction, not the current claim + +The product principle is simple: + +> **If it can act as an Agent, it should be able to join Meldwork.** + +The current MVP starts with fixed adapters for supported local CLIs. The next architecture milestone is a publicly documented Agent connector contract and capability manifest so new local runtimes, cloud Agents, and channel-native Agents can join without being hardcoded into the client. + +| Horizon | Product outcome | +| --- | --- | +| **Now: local MVP** | Supported local Agent discovery, persistent direct/group conversations, compatible native-session resume, bounded discussions, Skills, images, and explicit local boundaries | +| **Next: open connection layer** | Connector contract, capability manifest, structured tasks, comparable runs, artifacts, evidence, and explicit human acceptance | +| **Later: after validation** | Cloud-Agent handoff, Meldwork Channels, typed workflows, team policy, cost controls, and enterprise governance | + +These later capabilities are roadmap direction, not shipped behavior. + +## Initial Agent connections + +The current codebase contains adapters and allowlisted installer recipes for: + +**Codex · Hermes · OpenClaw · WorkBuddy · Kimi Code · MiMo Code · Claude Code · Gemini CLI · OpenCode · Qwen Code** + +These are the first supported connections, not Meldwork's definition of what an Agent can be. An implemented adapter is also not the same as release-certified compatibility; availability depends on the upstream CLI, operating system, authentication, model configuration, and version. + +## A practical workflow ```text -Task -> Runs -> Artifacts -> Evidence -> Human acceptance and adoption +Start with one Agent + ↓ +Keep the work in one persistent conversation + ↓ +Bring in another Agent when a different capability or perspective helps + ↓ +Continue in the same workspace instead of rebuilding context + ↓ +Inspect the result and decide what to adopt ``` -Meldwork should use one Agent by default and add independent attempts or adversarial review only when task risk or uncertainty justifies the extra time and cost. Cloud Agents, Channels, Workflows, and team governance remain roadmap options until this loop demonstrates repeatable value. +Use one Agent when one is enough. Add another when the value of a different capability, independent attempt, or adversarial review justifies the extra time and cost. -## Why Meldwork +## Who Meldwork is for -- **One workspace for different Agents.** Bring Codex, Claude Code, Kimi Code, MiMo Code, and other local CLIs into direct or group conversations. -- **Persistent collaborative context.** For compatible CLI versions that expose resumable sessions, continue with one native session per Agent and conversation; resumed prompts add only the group messages that Agent has not already seen. -- **Local orchestration with explicit boundaries.** Agent execution, groups, messages, and orchestration stay on the user's machine. Provider traffic still follows each selected Agent's configuration. -- **Narrow desktop security boundary.** Executable paths, attachment paths, and native session references stay in the Electron main process. Stored Provider credentials are never returned to the renderer after saving; newly entered credentials cross only the validated Provider IPC. The renderer has no unrestricted shell access. +- People who regularly move research, planning, creation, operations, development, or review work between multiple Agents. +- AI-native teams whose members use different Agent vendors or specialized capabilities. +- Work that benefits from a second perspective without losing the original context. +- Users who want to preserve existing Agent accounts, Provider relationships, and a local workspace boundary. -## Core Capabilities +Meldwork is not yet the right choice if you only use one Agent for isolated tasks, need a managed cloud execution queue today, or require audited enterprise controls and release-certified Windows support. -- Discover installed Agent CLIs without exposing executable paths to the renderer. -- Create multiple persistent direct conversations per Agent, then rename or delete each local conversation independently. -- Run one response at a time or an automatic discussion with a user-selected 1-10 round limit (6 by default). -- Preserve one logical native session per Agent and conversation where the selected CLI supports resume, with automatic migration from older topic-scoped references. -- Show per-Agent queued/running/completed state, automatic round progress, background direct-chat completion markers, and local desktop notifications. -- Reference validated local Skills with `@` and attach PNG or JPEG images with capability checks. -- Request read-only modes by default where an Agent can enforce them, with explicit write opt-in only when the adapter can preserve the workspace boundary. These are adapter-level controls, not an operating-system sandbox. -- Install supported missing Agents through fixed, allowlisted recipes. Upstream packages and scripts are not yet digest- or signature-pinned. -- Store compatible provider credentials with operating-system-backed secure storage. +## Try the MVP locally -## Supported Agents - -| Agent | Adapter implemented | Installer recipes | Release validation | Provider and permission behavior | -| --- | --- | --- | --- | --- | -| Codex | Yes | macOS and Windows | Pending target-device matrix | Uses its existing Responses-compatible configuration | -| Hermes | Yes | macOS and Windows | Pending target-device matrix | Supports a shared OpenAI-compatible Provider | -| OpenClaw | Yes | macOS and Windows | Pending target-device matrix | Supports a managed OpenAI-compatible Provider | -| WorkBuddy | Yes | macOS and Windows | Pending target-device matrix | Experimental shared Provider support | -| Kimi Code | Yes | macOS and Windows | Pending target-device matrix | Uses its native configuration and ACP plan mode for read-only work | -| MiMo Code | Yes | macOS and Windows | Pending target-device matrix | Uses native configuration; Meldwork invokes the `plan` Agent and does not enable the global permission-bypass flag | -| Claude Code | Yes | macOS and Windows | Pending target-device matrix | Uses its existing Anthropic-compatible configuration | -| Gemini CLI | Yes | macOS and Windows | Pending target-device matrix | Uses its existing authentication and Provider settings | -| OpenCode | Yes | macOS and Windows | Pending target-device matrix | Uses its existing Provider settings | -| Qwen Code | Yes | macOS and Windows | Pending target-device matrix | Supports a shared OpenAI-compatible Provider | - -These entries describe implemented adapters and installer recipes, not release-certified compatibility. Availability still depends on each upstream CLI, operating-system support, authentication, model configuration, and version compatibility. Live-Agent compatibility and real-device Windows validation remain pending. - -## Privacy And Architecture - -```text -Vue renderer - | validated preload APIs -Electron main process - |-- Agent discovery and execution - |-- local group and message storage - |-- local Skill discovery and validation - |-- app-owned local image attachment storage and previews - |-- provider credential storage - `-- user-authorized provider and installer network access -``` - -The Electron main process owns filesystem paths, child processes, Agent configuration, and persistence. Provider credentials use Electron `safeStorage`; if operating-system encryption is unavailable, Meldwork refuses to persist them in plaintext. Conversations and participants remain local. Network activity occurs only through the selected Agent or Provider, guided installer downloads, or explicit external links. - -Internal compatibility identifiers such as `window.roundrelayDesktop`, existing storage filenames, and `com.roundrelay.desktop` are intentionally retained during the brand transition so current local data and the preload contract continue to work. - -## Development - -Prerequisites: Node.js 20.19 or newer, npm, and macOS for the currently configured release packaging targets. +Prerequisites: Node.js 20.19 or newer, npm, and macOS for the currently configured desktop packaging target. ```bash npm --prefix frontend ci npm --prefix desktop ci -# Renderer-only preview -npm --prefix frontend run dev - -# Electron desktop application +# Start the Electron desktop app npm --prefix desktop run dev ``` -The browser preview cannot execute Agents because it intentionally has no Electron bridge. +For a renderer-only preview: -## Tests And Builds +```bash +npm --prefix frontend run dev +``` + +The browser preview intentionally cannot execute local Agents because it has no Electron bridge. + +
+Development checks ```bash npm --prefix frontend test @@ -105,19 +157,26 @@ npm --prefix desktop run pack Generated packages are written to `desktop/dist/` and are not committed. -## Repository Layout +
-```text -frontend/ Vue renderer and product assets -desktop/ Electron main process, preload bridge, Agent runtime, and tests -documentation/ Architecture, security, workflows, and launch material -.github/ Continuous integration workflows -``` +
+Architecture and security boundaries -The architecture review entry point is [`documentation/architecture.md`](documentation/architecture.md). Draft launch messaging lives in [`documentation/launch-kit.md`](documentation/launch-kit.md). +The Vue renderer reaches Agent functionality only through validated preload APIs. The Electron main process owns filesystem paths, child processes, Agent configuration, persistence, and secure credential storage. The renderer has no unrestricted shell API. -## Release Status +New conversations currently allow workspace writes by default; users can disable write mode per conversation. Adapter-level read-only modes reduce accidental writes where upstream CLIs can enforce them, but they are not an operating-system sandbox. Guided installers use fixed allowlisted recipes; upstream packages and scripts are not yet digest- or signature-pinned. -Meldwork is under active development. Local discovery, persistent direct/group conversations, guarded heterogeneous-Agent execution, automatic discussion, `@` Skill references, image attachments, provider storage, frontend tests, desktop tests, and macOS packaging configuration are implemented. +Internal identifiers such as `window.roundrelayDesktop`, existing storage filenames, and `com.roundrelay.desktop` are intentionally retained during the brand transition to preserve the current local-data and preload contracts. -Before a public open-source release, the project still needs a selected license, a target-device Agent compatibility matrix, and signed/notarized macOS distribution. Windows support should remain implementation-level until it passes a real-device release matrix. +
+ +## Project status + +Meldwork is a market-validation MVP, not a finished platform. Before a public release, the project still needs: + +- a selected and committed software license; +- target-device compatibility tests for supported Agents; +- a public connector contract before "any Agent" is presented as shipped capability; +- signed and notarized macOS distribution; +- real-device Windows validation before Windows support is marketed as production-ready; +- product validation that persistent cross-Agent work creates enough value to justify a new workspace. diff --git a/desktop/src/local-workspace.cjs b/desktop/src/local-workspace.cjs index 49ca52c..2b833d9 100644 --- a/desktop/src/local-workspace.cjs +++ b/desktop/src/local-workspace.cjs @@ -521,6 +521,9 @@ class LocalWorkspace extends EventEmitter { const runtimeMissing = runtime?.credentialState === 'missing' const verifiedReady = runtime?.credentialState === 'ready' || this.state.messages.some(message => message.role === 'agent' && message.agentKind === agent.kind) + const nativeReadySource = nativeState === 'ready' + ? (native.source || 'native-credential') + : '' const credentialState = sharedProviderReady ? 'ready' : sharedProviderRequired @@ -541,13 +544,13 @@ class LocalWorkspace extends EventEmitter { installed: true, credentialState, availabilitySource: sharedProviderReady - ? 'shared-provider' + ? (!runtimeMissing && nativeReadySource ? nativeReadySource : 'shared-provider') : runtimeMissing ? 'runtime-auth-failure' : nativeState === 'missing' ? (native.source || 'none') - : nativeState === 'ready' - ? (native.source || 'native-credential') + : nativeReadySource + ? nativeReadySource : verifiedReady ? 'verified-run' : 'unverified', diff --git a/desktop/src/main.cjs b/desktop/src/main.cjs index d689b80..a6add81 100644 --- a/desktop/src/main.cjs +++ b/desktop/src/main.cjs @@ -182,6 +182,9 @@ const OFFICIAL_PROVIDER_BASE_URLS = Object.freeze({ }) function providerPresetFromStatus(kind, status = {}) { + if (['official', 'openrouter', 'custom'].includes(status.activePreset)) { + return status.activePreset + } const provider = String(status.provider || '').trim().toLowerCase() const baseUrl = String(status.baseUrl || '').trim().replace(/\/+$/, '') if (/openrouter/i.test(provider) || /openrouter\.ai$/i.test(new URL(baseUrl || 'https://example.com').hostname)) { @@ -288,10 +291,7 @@ function providerOptionsFor(kind, generic, context = {}, status = {}) { function providerOptions(kind, context = {}) { if (!EXTERNAL_PROVIDER_KINDS.has(kind)) return {} const status = providerStore?.status(kind) || {} - if (!status.configured) { - if (kind === 'openclaw') throw new Error('PROVIDER_CREDENTIAL_REQUIRED') - return {} - } + if (!status.configured) return {} return providerOptionsFor( kind, providerStore.envForAgent(kind), @@ -577,12 +577,9 @@ function createWorkspace() { importAgentOutputs: input => importAgentOutputs(input, availableAttachmentStore()), validateSkillSelections: (kind, selections) => skillCatalog.validateSelections(kind, selections), imageAttachmentLimit, - credentialState: (kind, agent) => { - if (kind === 'openclaw' && !providerStore?.status(kind).configured) { - return { state: 'missing', source: 'agent-provider-required' } - } - return resolveNativeCredentialState(kind, { executable: agent?.executable }) - }, + credentialState: (kind, agent) => ( + resolveNativeCredentialState(kind, { executable: agent?.executable }) + ), sharedProviderReady: kind => EXTERNAL_PROVIDER_KINDS.has(kind) && providerStore.status(kind).configured, runAgent: async (agent, prompt, workdir, options = {}) => { const injected = providerOptions(agent.kind, { @@ -649,7 +646,7 @@ function createWindow() { minWidth: 980, minHeight: 680, title: 'Meldwork', - backgroundColor: '#f6f3ed', + backgroundColor: '#f3f6f8', webPreferences: { preload: path.join(__dirname, 'preload.cjs'), contextIsolation: true, @@ -799,12 +796,18 @@ function registerIpc() { provider: input?.provider, baseUrl: input?.baseUrl, model: input?.model, + preset: input?.preset, }) await refreshLocalAgentState() return result }) - registerTrustedHandle('local-agent-provider:delete', async (kind) => { - const result = providerStore.delete(providerAgentKind(kind)) + registerTrustedHandle('local-agent-provider:activate', async (kind, preset) => { + const result = providerStore.activate(providerAgentKind(kind), preset) + await refreshLocalAgentState() + return result + }) + registerTrustedHandle('local-agent-provider:delete', async (kind, preset) => { + const result = providerStore.delete(providerAgentKind(kind), preset) await refreshLocalAgentState() return result }) diff --git a/desktop/src/preload.cjs b/desktop/src/preload.cjs index e30b53b..9ee157b 100644 --- a/desktop/src/preload.cjs +++ b/desktop/src/preload.cjs @@ -95,7 +95,8 @@ if (isLocalDocument) Object.assign(desktopApi, { status: kind => ipcRenderer.invoke('local-agent-provider:status', kind), probe: kind => ipcRenderer.invoke('local-agent-provider:probe', kind), save: (kind, input) => ipcRenderer.invoke('local-agent-provider:save', kind, input), - delete: kind => ipcRenderer.invoke('local-agent-provider:delete', kind), + activate: (kind, preset) => ipcRenderer.invoke('local-agent-provider:activate', kind, preset), + delete: (kind, preset) => ipcRenderer.invoke('local-agent-provider:delete', kind, preset), }), localKnowledgeBase: Object.freeze({ status: () => ipcRenderer.invoke('local-knowledge-base:status'), diff --git a/desktop/src/provider-store.cjs b/desktop/src/provider-store.cjs index 2507634..1cbbb9d 100644 --- a/desktop/src/provider-store.cjs +++ b/desktop/src/provider-store.cjs @@ -2,9 +2,11 @@ const fs = require('node:fs') const { atomicWritePrivateFile } = require('./private-file.cjs') -const STORE_VERSION = 2 +const STORE_VERSION = 3 +const SINGLE_PROFILE_STORE_VERSION = 2 const LEGACY_STORE_VERSION = 1 const PROVIDER_KIND = /^[a-z0-9][a-z0-9-]{0,31}$/ +const PROVIDER_PRESETS = new Set(['official', 'openrouter', 'custom']) const EMPTY_METADATA = Object.freeze({ provider: '', baseUrl: '', model: '' }) function normalizeMetadata(input) { @@ -33,6 +35,18 @@ function sortedKeys(value) { : '' } +function inferStoredPreset(entry) { + const provider = String(entry?.provider || '').toLowerCase() + const baseUrl = String(entry?.baseUrl || '') + return /openrouter/i.test(provider) || /(^|\.)openrouter\.ai$/i.test(hostname(baseUrl)) + ? 'openrouter' + : 'custom' +} + +function hostname(value) { + try { return new URL(value).hostname } catch { return '' } +} + class ProviderStore { constructor({ storagePath, safeStorage, allowedKinds = [] }) { if (typeof storagePath !== 'string' || !storagePath) { @@ -63,6 +77,8 @@ class ProviderStore { provider: '', baseUrl: '', model: '', + activePreset: 'official', + profiles: {}, encryptionAvailable: null, configured: false, } @@ -71,13 +87,29 @@ class ProviderStore { const encryptionAvailable = this.encryptionAvailable() let metadata = EMPTY_METADATA let configured = false + let activePreset = 'official' + const profiles = {} if (encryptionAvailable && credentialStored) { try { - const entry = this.readDocument().agents[targetKind] - if (entry) { - this.decryptEntry(entry) - metadata = entry - configured = true + const agent = this.readDocument().agents[targetKind] + if (agent) { + activePreset = agent.activePreset + for (const [preset, entry] of Object.entries(agent.profiles)) { + try { + this.decryptEntry(entry) + profiles[preset] = { + provider: entry.provider, + baseUrl: entry.baseUrl, + model: entry.model, + configured: true, + } + } catch { /* keep an unreadable profile unavailable */ } + } + const activeEntry = profiles[activePreset] + if (activeEntry) { + metadata = activeEntry + configured = true + } } } catch { /* unreadable credentials stay unavailable */ } } @@ -85,6 +117,8 @@ class ProviderStore { provider: metadata.provider, baseUrl: metadata.baseUrl, model: metadata.model, + activePreset, + profiles, encryptionAvailable, configured, } @@ -92,7 +126,7 @@ class ProviderStore { save(kind, input) { const targetKind = this.normalizeKind(kind) - if (sortedKeys(input) !== 'apiKey,baseUrl,model,provider' + if (sortedKeys(input) !== 'apiKey,baseUrl,model,preset,provider' || typeof input.apiKey !== 'string' || !input.apiKey.trim() || input.apiKey.trim().length > 8192) { throw new Error('PROVIDER_INVALID_CREDENTIAL') @@ -100,6 +134,7 @@ class ProviderStore { this.requireEncryption() const apiKey = input.apiKey.trim() + const preset = this.normalizePreset(input.preset) const metadata = normalizeMetadata(input) let encrypted try { @@ -115,19 +150,53 @@ class ProviderStore { const document = fs.existsSync(this.storagePath) ? this.readDocument() : { version: STORE_VERSION, agents: {} } - document.agents[targetKind] = { + const agent = document.agents[targetKind] || { activePreset: 'official', profiles: {} } + agent.profiles[preset] = { ...metadata, encrypted: encrypted.toString('base64'), } + agent.activePreset = preset + document.agents[targetKind] = agent atomicWritePrivateFile(this.storagePath, JSON.stringify(document)) return this.status(targetKind) } - delete(kind) { + activate(kind, preset) { + const targetKind = this.normalizeKind(kind) + const targetPreset = this.normalizePreset(preset) + if (!fs.existsSync(this.storagePath)) { + if (targetPreset !== 'official') throw new Error('PROVIDER_PROFILE_UNAVAILABLE') + return this.status(targetKind, { probeEncryption: true }) + } + this.requireEncryption() + const document = this.readDocument() + const agent = document.agents[targetKind] || { activePreset: 'official', profiles: {} } + if (targetPreset !== 'official' && !agent.profiles[targetPreset]) { + throw new Error('PROVIDER_PROFILE_UNAVAILABLE') + } + if (agent.profiles[targetPreset]) this.decryptEntry(agent.profiles[targetPreset]) + agent.activePreset = targetPreset + document.agents[targetKind] = agent + atomicWritePrivateFile(this.storagePath, JSON.stringify(document)) + return this.status(targetKind) + } + + delete(kind, preset = '') { const targetKind = this.normalizeKind(kind) if (fs.existsSync(this.storagePath)) { const document = this.readDocument() - delete document.agents[targetKind] + if (preset) { + const targetPreset = this.normalizePreset(preset) + const agent = document.agents[targetKind] + if (agent) { + delete agent.profiles[targetPreset] + if (agent.activePreset === targetPreset) agent.activePreset = 'official' + if (Object.keys(agent.profiles).length) document.agents[targetKind] = agent + else delete document.agents[targetKind] + } + } else { + delete document.agents[targetKind] + } if (Object.keys(document.agents).length) { atomicWritePrivateFile(this.storagePath, JSON.stringify(document)) } else { @@ -140,7 +209,8 @@ class ProviderStore { envForAgent(kind) { const targetKind = this.normalizeKind(kind) this.requireEncryption() - const entry = this.readDocument().agents[targetKind] + const agent = this.readDocument().agents[targetKind] + const entry = agent?.profiles?.[agent.activePreset] if (!entry) throw new Error('PROVIDER_CREDENTIAL_UNAVAILABLE') return { OPENAI_API_KEY: this.decryptEntry(entry), @@ -161,6 +231,12 @@ class ProviderStore { return normalized } + normalizePreset(preset) { + const normalized = String(preset || '').trim().toLowerCase() + if (!PROVIDER_PRESETS.has(normalized)) throw new Error('PROVIDER_PRESET_UNSUPPORTED') + return normalized + } + decryptEntry(entry) { this.requireEncryption() try { @@ -194,11 +270,30 @@ class ProviderStore { model: payload.model, encrypted: payload.encrypted, }) + const preset = inferStoredPreset(entry) return { version: STORE_VERSION, - agents: Object.fromEntries([...this.allowedKinds].map(kind => [kind, { ...entry }])), + agents: Object.fromEntries([...this.allowedKinds].map(kind => [kind, { + activePreset: preset, + profiles: { [preset]: { ...entry } }, + }])), } } + if (payload?.version === SINGLE_PROFILE_STORE_VERSION) { + if (sortedKeys(payload) !== 'agents,version' + || !payload.agents || typeof payload.agents !== 'object' + || Array.isArray(payload.agents)) { + throw new Error('PROVIDER_CREDENTIAL_UNAVAILABLE') + } + const agents = {} + for (const [kind, rawEntry] of Object.entries(payload.agents)) { + if (!this.allowedKinds.has(kind)) throw new Error('PROVIDER_CREDENTIAL_UNAVAILABLE') + const entry = this.normalizeEntry(rawEntry) + const preset = inferStoredPreset(entry) + agents[kind] = { activePreset: preset, profiles: { [preset]: entry } } + } + return { version: STORE_VERSION, agents } + } if (sortedKeys(payload) !== 'agents,version' || payload.version !== STORE_VERSION || !payload.agents || typeof payload.agents !== 'object' @@ -208,11 +303,33 @@ class ProviderStore { const agents = {} for (const [kind, entry] of Object.entries(payload.agents)) { if (!this.allowedKinds.has(kind)) throw new Error('PROVIDER_CREDENTIAL_UNAVAILABLE') - agents[kind] = this.normalizeEntry(entry) + agents[kind] = this.normalizeAgentEntry(entry) } return { version: STORE_VERSION, agents } } + normalizeAgentEntry(entry) { + try { + if (sortedKeys(entry) !== 'activePreset,profiles' + || !entry.profiles || typeof entry.profiles !== 'object' + || Array.isArray(entry.profiles)) { + throw new Error('invalid agent entry') + } + const activePreset = this.normalizePreset(entry.activePreset) + const profiles = {} + for (const [preset, profile] of Object.entries(entry.profiles)) { + const normalizedPreset = this.normalizePreset(preset) + profiles[normalizedPreset] = this.normalizeEntry(profile) + } + if (activePreset !== 'official' && !profiles[activePreset]) { + throw new Error('missing active profile') + } + return { activePreset, profiles } + } catch { + throw new Error('PROVIDER_CREDENTIAL_UNAVAILABLE') + } + } + normalizeEntry(entry) { if (sortedKeys(entry) !== 'baseUrl,encrypted,model,provider' || typeof entry.encrypted !== 'string') { diff --git a/desktop/test/local-workspace.test.cjs b/desktop/test/local-workspace.test.cjs index 336d3b2..ac97060 100644 --- a/desktop/test/local-workspace.test.cjs +++ b/desktop/test/local-workspace.test.cjs @@ -85,6 +85,30 @@ test('installed Agents distinguish ready, unverified, and missing credential sta assert.equal(readinessAgents.find(agent => agent.kind === 'kimi').executable, '/tmp/kimi') }) +test('native readiness remains visible while a Meldwork Provider profile is active', async (t) => { + const { directory, options } = fixture() + t.after(() => fs.rmSync(directory, { recursive: true, force: true })) + let codexNativeState = { state: 'ready', source: 'native-auth-status' } + options.credentialState = async kind => kind === 'codex' + ? codexNativeState + : { state: 'ready', source: 'native-credential' } + options.sharedProviderReady = kind => kind === 'codex' + const workspace = new LocalWorkspace(options) + + let snapshot = await workspace.refreshAgents() + let codex = snapshot.agents.find(agent => agent.kind === 'codex') + assert.equal(codex.credentialState, 'ready') + assert.equal(codex.availabilitySource, 'native-auth-status') + assert.equal(codex.available, true) + + codexNativeState = { state: 'missing', source: 'native-auth-status' } + snapshot = await workspace.refreshAgents() + codex = snapshot.agents.find(agent => agent.kind === 'codex') + assert.equal(codex.credentialState, 'ready') + assert.equal(codex.availabilitySource, 'shared-provider') + assert.equal(codex.available, true) +}) + test('an unverified installed Agent stays unavailable until credentials are detected', async (t) => { const { directory, calls, options } = fixture() t.after(() => fs.rmSync(directory, { recursive: true, force: true })) diff --git a/desktop/test/main-security.test.cjs b/desktop/test/main-security.test.cjs index b5c40c6..8c51313 100644 --- a/desktop/test/main-security.test.cjs +++ b/desktop/test/main-security.test.cjs @@ -50,6 +50,7 @@ const LOCAL_IPC_CHANNELS = Object.freeze([ 'local-agent-provider:status', 'local-agent-provider:probe', 'local-agent-provider:save', + 'local-agent-provider:activate', 'local-agent-provider:delete', 'local-knowledge-base:status', 'local-knowledge-base:open-guide', @@ -104,6 +105,7 @@ function loadMain(userData, options = {}) { let singleInstanceLockCalls = 0 let attachmentConstructionCount = 0 const providerConfiguredKinds = new Set(options.providerConfigured === true ? ['hermes'] : []) + const providerActivePresets = new Map(options.providerConfigured === true ? [['hermes', 'custom']] : []) class TestWorkspace extends EventEmitter { constructor(input) { @@ -278,6 +280,7 @@ function loadMain(userData, options = {}) { constructor(input) { this.input = input this.saved = [] + this.activated = [] this.deleted = [] this.statusCalls = [] providerInstances.push(this) @@ -286,22 +289,40 @@ function loadMain(userData, options = {}) { status(kind, input) { this.statusCalls.push({ kind, input }) return providerConfiguredKinds.has(kind) - ? { ...PROVIDER_METADATA, encryptionAvailable: true, configured: true } + ? { + ...PROVIDER_METADATA, + activePreset: providerActivePresets.get(kind) || 'custom', + profiles: { + [providerActivePresets.get(kind) || 'custom']: { ...PROVIDER_METADATA, configured: true }, + }, + encryptionAvailable: true, + configured: true, + } : { provider: '', baseUrl: '', model: '', - encryptionAvailable: true, configured: false, + activePreset: 'official', profiles: {}, encryptionAvailable: true, configured: false, } } save(kind, input) { this.saved.push({ kind, input }) providerConfiguredKinds.add(kind) + providerActivePresets.set(kind, input.preset) return this.status(kind) } - delete(kind) { - this.deleted.push(kind) + activate(kind, preset) { + this.activated.push({ kind, preset }) + providerActivePresets.set(kind, preset) + if (preset === 'official') providerConfiguredKinds.delete(kind) + else providerConfiguredKinds.add(kind) + return this.status(kind) + } + + delete(kind, preset) { + this.deleted.push({ kind, preset }) providerConfiguredKinds.delete(kind) + providerActivePresets.set(kind, 'official') return this.status(kind) } @@ -955,7 +976,7 @@ test('Provider IPC accepts the complete user payload and supports local deletion t.after(() => fs.rmSync(directory, { recursive: true, force: true })) const { harness } = loadMain(directory) await harness.ready() - const input = { ...PROVIDER_METADATA, apiKey: 'renderer-provider-key' } + const input = { ...PROVIDER_METADATA, apiKey: 'renderer-provider-key', preset: 'custom' } const initial = await harness.ipcHandlers.get('local-agent-provider:status')( harness.event(), 'hermes', @@ -976,17 +997,24 @@ test('Provider IPC accepts the complete user payload and supports local deletion assert.equal(saved.configured, true) assert.equal(harness.workspaceInstances[0].refreshCount, 1) + const activated = await harness.ipcHandlers.get('local-agent-provider:activate')( + harness.event(), 'hermes', 'custom', + ) + assert.deepEqual(harness.providerInstances[0].activated, [{ kind: 'hermes', preset: 'custom' }]) + assert.equal(activated.activePreset, 'custom') + assert.equal(harness.workspaceInstances[0].refreshCount, 2) + await assert.rejects( async () => harness.ipcHandlers.get('local-agent-provider:status')(harness.event(), 'not-an-agent'), { message: 'PROVIDER_AGENT_UNSUPPORTED' }, ) const deleted = await harness.ipcHandlers.get('local-agent-provider:delete')( - harness.event(), 'hermes', + harness.event(), 'hermes', 'custom', ) - assert.deepEqual(harness.providerInstances[0].deleted, ['hermes']) + assert.deepEqual(harness.providerInstances[0].deleted, [{ kind: 'hermes', preset: 'custom' }]) assert.equal(deleted.configured, false) - assert.equal(harness.workspaceInstances[0].refreshCount, 2) + assert.equal(harness.workspaceInstances[0].refreshCount, 3) }) test('Knowledge base IPC exposes status, safe guides, and a local Obsidian directory picker', async (t) => { @@ -1261,6 +1289,44 @@ test('configured Provider is injected only through local Agent execution options assert.equal(options.env.CURRENT_RUN, '1') }) +test('OpenClaw keeps native readiness and execution when no Meldwork Provider profile is active', async (t) => { + const directory = fs.mkdtempSync(path.join(os.tmpdir(), 'roundrelay-openclaw-native-')) + t.after(() => fs.rmSync(directory, { recursive: true, force: true })) + const credentialChecks = [] + const { harness } = loadMain(directory, { + moduleMocks: { + './local-agent-readiness.cjs': { + nativeCredentialEnvironment: kind => kind === 'openclaw' + ? { OPENCLAW_NATIVE_CONFIG: 'available' } + : {}, + resolveNativeCredentialState: async (kind, input) => { + credentialChecks.push({ kind, input }) + return { state: 'ready', source: 'native-credential' } + }, + }, + }, + }) + await harness.ready() + const workspace = harness.workspaceInstances[0] + + const readiness = await workspace.input.credentialState('openclaw', { + executable: '/tmp/openclaw', + }) + assert.deepEqual(readiness, { state: 'ready', source: 'native-credential' }) + assert.deepEqual(credentialChecks, [{ + kind: 'openclaw', + input: { executable: '/tmp/openclaw' }, + }]) + + await workspace.input.runAgent( + { kind: 'openclaw', executable: '/tmp/openclaw' }, + 'hello', directory, { sessionRef: 'agent:main:desktop-native-openclaw' }, + ) + const options = harness.runAgentCalls[0][3] + assert.equal(options.env.OPENCLAW_NATIVE_CONFIG, 'available') + assert.equal(Object.hasOwn(options.env, 'MANAGED_OPENCLAW'), false) +}) + test('manual Agent refreshes remain serialized', async (t) => { const directory = fs.mkdtempSync(path.join(os.tmpdir(), 'roundrelay-refresh-')) t.after(() => fs.rmSync(directory, { recursive: true, force: true })) diff --git a/desktop/test/preload-security.test.cjs b/desktop/test/preload-security.test.cjs index 94a3363..406893c 100644 --- a/desktop/test/preload-security.test.cjs +++ b/desktop/test/preload-security.test.cjs @@ -70,7 +70,7 @@ test('local preload exposes the local-only RoundRelay API and narrow Provider me assert.equal('cancelConfigure' in api.localWorkspace, false) assert.deepEqual( Object.keys(api.localAgentProvider).sort(), - ['delete', 'probe', 'save', 'status'], + ['activate', 'delete', 'probe', 'save', 'status'], ) assert.equal('envForAgent' in api.localAgentProvider, false) assert.equal('read' in api.localAgentProvider, false) @@ -79,17 +79,19 @@ test('local preload exposes the local-only RoundRelay API and narrow Provider me await api.localAgentProvider.probe('hermes') await api.localAgentProvider.save('hermes', { provider: 'Example', baseUrl: 'https://api.example.com/v1', - model: 'example-model', apiKey: 'test-renderer-key', + model: 'example-model', apiKey: 'test-renderer-key', preset: 'custom', }) - await api.localAgentProvider.delete('hermes') + await api.localAgentProvider.activate('hermes', 'custom') + await api.localAgentProvider.delete('hermes', 'custom') assert.deepEqual(invocations.map(call => call.channel), [ 'local-agent-provider:status', 'local-agent-provider:probe', 'local-agent-provider:save', + 'local-agent-provider:activate', 'local-agent-provider:delete', ]) assert.deepEqual(invocations.map(call => call.args[0]), [ - 'hermes', 'hermes', 'hermes', 'hermes', + 'hermes', 'hermes', 'hermes', 'hermes', 'hermes', ]) }) diff --git a/desktop/test/provider-store.test.cjs b/desktop/test/provider-store.test.cjs index b8e1261..34ad7b5 100644 --- a/desktop/test/provider-store.test.cjs +++ b/desktop/test/provider-store.test.cjs @@ -10,9 +10,31 @@ const PROVIDER = Object.freeze({ baseUrl: 'https://api.example.com/v1', model: 'example-model', }) +const OPENROUTER_PROVIDER = Object.freeze({ + provider: 'OpenRouter', + baseUrl: 'https://openrouter.ai/api/v1', + model: 'openrouter/example-model', +}) -function credential(apiKey = 'test-provider-key', metadata = PROVIDER) { - return { ...metadata, apiKey } +function credential(apiKey = 'test-provider-key', metadata = PROVIDER, preset = 'custom') { + return { ...metadata, apiKey, preset } +} + +function emptyStatus(encryptionAvailable) { + return { + provider: '', baseUrl: '', model: '', activePreset: 'official', profiles: {}, + encryptionAvailable, configured: false, + } +} + +function configuredStatus(metadata = PROVIDER, preset = 'custom') { + return { + ...metadata, + activePreset: preset, + profiles: { [preset]: { ...metadata, configured: true } }, + encryptionAvailable: true, + configured: true, + } } function encryptedSafeStorage(available = true) { @@ -37,13 +59,11 @@ test('status exposes user-configured metadata without the API key', (t) => { const { directory, store } = fixture() t.after(() => fs.rmSync(directory, { recursive: true, force: true })) - assert.deepEqual(store.status('hermes'), { - provider: '', baseUrl: '', model: '', encryptionAvailable: null, configured: false, - }) + assert.deepEqual(store.status('hermes'), emptyStatus(null)) store.save('hermes', credential()) const status = store.status('hermes') - assert.deepEqual(status, { ...PROVIDER, encryptionAvailable: true, configured: true }) + assert.deepEqual(status, configuredStatus()) assert.equal('apiKey' in status, false) }) @@ -68,9 +88,7 @@ test('save encrypts the API key, writes atomically, and restricts file permissio t.after(() => fs.rmSync(directory, { recursive: true, force: true })) const apiKey = 'test-key-never-plaintext' - assert.deepEqual(store.save('hermes', credential(apiKey)), { - ...PROVIDER, encryptionAvailable: true, configured: true, - }) + assert.deepEqual(store.save('hermes', credential(apiKey)), configuredStatus()) const stored = fs.readFileSync(storagePath, 'utf8') assert.equal(stored.includes(apiKey), false) assert.equal(fs.statSync(storagePath).mode & 0o777, 0o600) @@ -80,7 +98,7 @@ test('save encrypts the API key, writes atomically, and restricts file permissio ) }) -test('save accepts only the complete four-field Provider payload', (t) => { +test('save accepts only the complete five-field Provider payload', (t) => { const { directory, store } = fixture() t.after(() => fs.rmSync(directory, { recursive: true, force: true })) @@ -91,9 +109,15 @@ test('save accepts only the complete four-field Provider payload', (t) => { { message: 'PROVIDER_INVALID_CREDENTIAL' }, ) assert.throws( - () => store.save('hermes', { apiKey: 'key', provider: 'Example', baseUrl: '', model: 'model' }), + () => store.save('hermes', { + apiKey: 'key', provider: 'Example', baseUrl: '', model: 'model', preset: 'custom', + }), { message: 'PROVIDER_INVALID_METADATA' }, ) + assert.throws( + () => store.save('hermes', credential('key', PROVIDER, 'unknown')), + { message: 'PROVIDER_PRESET_UNSUPPORTED' }, + ) }) test('envForAgent decrypts the configured Provider', (t) => { @@ -108,13 +132,47 @@ test('envForAgent decrypts the configured Provider', (t) => { }) }) +test('multiple Provider profiles stay encrypted and can be activated independently', (t) => { + const { directory, store } = fixture() + t.after(() => fs.rmSync(directory, { recursive: true, force: true })) + + store.save('hermes', credential('openrouter-key', OPENROUTER_PROVIDER, 'openrouter')) + store.save('hermes', credential('custom-key', PROVIDER, 'custom')) + + assert.deepEqual(store.status('hermes'), { + ...PROVIDER, + activePreset: 'custom', + profiles: { + openrouter: { ...OPENROUTER_PROVIDER, configured: true }, + custom: { ...PROVIDER, configured: true }, + }, + encryptionAvailable: true, + configured: true, + }) + + store.activate('hermes', 'openrouter') + assert.equal(store.status('hermes').activePreset, 'openrouter') + assert.deepEqual(store.envForAgent('hermes'), { + OPENAI_API_KEY: 'openrouter-key', + OPENAI_BASE_URL: OPENROUTER_PROVIDER.baseUrl, + OPENAI_MODEL: OPENROUTER_PROVIDER.model, + }) + + const afterDelete = store.delete('hermes', 'openrouter') + assert.equal(afterDelete.activePreset, 'official') + assert.equal(afterDelete.configured, false) + assert.deepEqual(afterDelete.profiles, { + custom: { ...PROVIDER, configured: true }, + }) + store.activate('hermes', 'custom') + assert.equal(store.envForAgent('hermes').OPENAI_API_KEY, 'custom-key') +}) + test('encryption unavailability fails closed for status, save, and reads', (t) => { const { directory, storagePath, store } = fixture(encryptedSafeStorage(false)) t.after(() => fs.rmSync(directory, { recursive: true, force: true })) - assert.deepEqual(store.status('hermes', { probeEncryption: true }), { - provider: '', baseUrl: '', model: '', encryptionAvailable: false, configured: false, - }) + assert.deepEqual(store.status('hermes', { probeEncryption: true }), emptyStatus(false)) assert.throws(() => store.save('hermes', credential()), { message: 'PROVIDER_ENCRYPTION_UNAVAILABLE', }) @@ -145,9 +203,7 @@ test('corrupt credentials stay unavailable and are never returned', (t) => { mode: 0o600, }) - assert.deepEqual(store.status('hermes'), { - provider: '', baseUrl: '', model: '', encryptionAvailable: true, configured: false, - }) + assert.deepEqual(store.status('hermes'), emptyStatus(true)) assert.throws(() => store.envForAgent('hermes'), { message: 'PROVIDER_CREDENTIAL_UNAVAILABLE', }) @@ -160,9 +216,7 @@ test('delete removes the local credential even when encryption is unavailable', store.save('hermes', credential()) safeStorage.isEncryptionAvailable = () => false - assert.deepEqual(store.delete('hermes'), { - provider: '', baseUrl: '', model: '', encryptionAvailable: false, configured: false, - }) + assert.deepEqual(store.delete('hermes'), emptyStatus(false)) assert.equal(fs.existsSync(storagePath), false) assert.doesNotThrow(() => store.delete('hermes')) }) @@ -216,12 +270,48 @@ test('legacy shared credentials migrate into independent Agent entries on mutati store.save('qwen', credential('new-qwen-key', { ...PROVIDER, model: 'new-qwen-model' })) const migrated = JSON.parse(fs.readFileSync(storagePath, 'utf8')) - assert.equal(migrated.version, 2) + assert.equal(migrated.version, 3) assert.deepEqual(Object.keys(migrated.agents).sort(), ['hermes', 'qwen']) assert.equal(store.envForAgent('hermes').OPENAI_API_KEY, 'legacy-key') assert.equal(store.envForAgent('qwen').OPENAI_API_KEY, 'new-qwen-key') }) +test('single-profile Agent credentials migrate to multi-profile storage on mutation', (t) => { + const { directory, storagePath, store } = fixture() + t.after(() => fs.rmSync(directory, { recursive: true, force: true })) + const encrypted = encryptedSafeStorage().encryptString('stored-openrouter-key').toString('base64') + fs.writeFileSync(storagePath, JSON.stringify({ + version: 2, + agents: { + hermes: { ...OPENROUTER_PROVIDER, encrypted }, + }, + }), { mode: 0o600 }) + + assert.equal(store.status('hermes').activePreset, 'openrouter') + assert.equal(store.envForAgent('hermes').OPENAI_API_KEY, 'stored-openrouter-key') + + store.save('qwen', credential('new-qwen-key', { ...PROVIDER, model: 'qwen-model' })) + const migrated = JSON.parse(fs.readFileSync(storagePath, 'utf8')) + assert.equal(migrated.version, 3) + assert.equal(migrated.agents.hermes.activePreset, 'openrouter') + assert.equal(migrated.agents.qwen.activePreset, 'custom') +}) + +test('malformed multi-profile documents fail as unavailable credentials', (t) => { + const { directory, storagePath, store } = fixture() + t.after(() => fs.rmSync(directory, { recursive: true, force: true })) + fs.writeFileSync(storagePath, JSON.stringify({ + version: 3, + agents: { + hermes: { activePreset: 'unknown', profiles: {} }, + }, + }), { mode: 0o600 }) + + assert.throws(() => store.envForAgent('hermes'), { + message: 'PROVIDER_CREDENTIAL_UNAVAILABLE', + }) +}) + test('Provider operations reject unsupported Agent kinds', (t) => { const { directory, store } = fixture() t.after(() => fs.rmSync(directory, { recursive: true, force: true })) diff --git a/frontend/public/knowledge-base-logos/dingtalk.svg b/frontend/public/knowledge-base-logos/dingtalk.svg index c0d8f7e..caa1bc5 100644 --- a/frontend/public/knowledge-base-logos/dingtalk.svg +++ b/frontend/public/knowledge-base-logos/dingtalk.svg @@ -1,4 +1,5 @@ + DingTalk diff --git a/frontend/public/knowledge-base-logos/feishu.svg b/frontend/public/knowledge-base-logos/feishu.svg index 452696e..3eb29ad 100644 --- a/frontend/public/knowledge-base-logos/feishu.svg +++ b/frontend/public/knowledge-base-logos/feishu.svg @@ -1,4 +1,5 @@ + Feishu diff --git a/frontend/public/knowledge-base-logos/obsidian.svg b/frontend/public/knowledge-base-logos/obsidian.svg index 540b30e..fc0072f 100644 --- a/frontend/public/knowledge-base-logos/obsidian.svg +++ b/frontend/public/knowledge-base-logos/obsidian.svg @@ -1,4 +1,5 @@ + Obsidian diff --git a/frontend/public/logos/meldwork-app-v2.svg b/frontend/public/logos/meldwork-app-v2.svg deleted file mode 100644 index 907d4ff..0000000 --- a/frontend/public/logos/meldwork-app-v2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - Meldwork app icon - - - - - - diff --git a/frontend/public/logos/meldwork-app-v3.svg b/frontend/public/logos/meldwork-app-v3.svg new file mode 100644 index 0000000..f51533a --- /dev/null +++ b/frontend/public/logos/meldwork-app-v3.svg @@ -0,0 +1,15 @@ + + Meldwork Trace app icon + A white asymmetric work line ending before a separate coral acceptance point on a carbon background. + + + + + + diff --git a/frontend/public/logos/meldwork-app.png b/frontend/public/logos/meldwork-app.png index 6833a2a..39eece5 100644 Binary files a/frontend/public/logos/meldwork-app.png and b/frontend/public/logos/meldwork-app.png differ diff --git a/frontend/public/logos/meldwork-app.svg b/frontend/public/logos/meldwork-app.svg index fe8b4e5..f51533a 100644 --- a/frontend/public/logos/meldwork-app.svg +++ b/frontend/public/logos/meldwork-app.svg @@ -1,18 +1,15 @@ - - - - - + + Meldwork Trace app icon + A white asymmetric work line ending before a separate coral acceptance point on a carbon background. + + + + + diff --git a/frontend/public/logos/meldwork-brand-board-v2.svg b/frontend/public/logos/meldwork-brand-board-v2.svg deleted file mode 100644 index 4824370..0000000 --- a/frontend/public/logos/meldwork-brand-board-v2.svg +++ /dev/null @@ -1,49 +0,0 @@ - - Meldwork Open Stitch brand board - A five-panel preview of the Meldwork V2 mark, wordmark, app icon, construction, color system, and slogan. - - - - - - - - Meldwork - OPEN STITCH / V2 CANDIDATE - - - - - - - Different agents. - Work you can verify. - - - - - - - - APP ICON - - - - - - - - - - ASYMMETRIC / OPEN / CONTINUOUS - - - - - - PAPER - CORAL - CARBON - Evidence before acceptance. - The endpoint marks verification, not consensus. - diff --git a/frontend/public/logos/meldwork-brand-board-v3.svg b/frontend/public/logos/meldwork-brand-board-v3.svg new file mode 100644 index 0000000..fc0d2eb --- /dev/null +++ b/frontend/public/logos/meldwork-brand-board-v3.svg @@ -0,0 +1,172 @@ + + Meldwork Trace V3 brand board + A brand-system board showing the V3 mark, wordmark, app icon, navigation use, supported Agent field, README application, construction logic, and palette. + + + + + + + + + + + + + + + + + + 01 / WORDMARK + + + + TRACE / V3 + Continuous Agent work. Separate human acceptance. + + + + 02 / DARK APPLICATION + + + + Meldwork + Agents change. + Work continues. + + + + + Persistent workspace for general agents + + LOCAL-FIRST + + + + 03 / AGENT FIELD + + + + + + + + + + + + + + + + + + + + + + + + + + + + Codex + + + + + Claude + + + + + Kimi + + + + + MiMo + + + + + WorkBuddy + + + + + Gemini + + + + + OpenCode + + + + + Qwen + + + + + Hermes + + + + + OpenClaw + + + + + + 04 / APP + NAV + + + + + + + + + Light navigation + + + + + Dark navigation + + + + 05 / TRACE + ACCEPTANCE + + + + + AGENT TRACE + + REVIEW GAP + + ACCEPTANCE + + + + + + INK / PAPER / CORAL / CARBON + + MELDWORK / TRACE V3 / IDENTITY SYSTEM + 03 + diff --git a/frontend/public/logos/meldwork-favicon-16.png b/frontend/public/logos/meldwork-favicon-16.png index d2c71d4..b174514 100644 Binary files a/frontend/public/logos/meldwork-favicon-16.png and b/frontend/public/logos/meldwork-favicon-16.png differ diff --git a/frontend/public/logos/meldwork-favicon-32.png b/frontend/public/logos/meldwork-favicon-32.png index 147cfd3..811ec9e 100644 Binary files a/frontend/public/logos/meldwork-favicon-32.png and b/frontend/public/logos/meldwork-favicon-32.png differ diff --git a/frontend/public/logos/meldwork-favicon.png b/frontend/public/logos/meldwork-favicon.png index a1647ff..feb8492 100644 Binary files a/frontend/public/logos/meldwork-favicon.png and b/frontend/public/logos/meldwork-favicon.png differ diff --git a/frontend/public/logos/meldwork-mark-v2-dark.svg b/frontend/public/logos/meldwork-mark-v2-dark.svg deleted file mode 100644 index 0f5f5b9..0000000 --- a/frontend/public/logos/meldwork-mark-v2-dark.svg +++ /dev/null @@ -1,11 +0,0 @@ - - Meldwork Open Stitch mark for dark backgrounds - - - diff --git a/frontend/public/logos/meldwork-mark-v2.svg b/frontend/public/logos/meldwork-mark-v2.svg deleted file mode 100644 index dd91474..0000000 --- a/frontend/public/logos/meldwork-mark-v2.svg +++ /dev/null @@ -1,11 +0,0 @@ - - Meldwork Open Stitch mark - - - diff --git a/frontend/public/logos/meldwork-mark.svg b/frontend/public/logos/meldwork-mark.svg index 32ad561..d2340a8 100644 --- a/frontend/public/logos/meldwork-mark.svg +++ b/frontend/public/logos/meldwork-mark.svg @@ -1,22 +1,12 @@ - + + Meldwork Trace mark + An asymmetric continuous work line ending before a separate coral acceptance point. - - + diff --git a/frontend/public/logos/meldwork-readme-banner-en.png b/frontend/public/logos/meldwork-readme-banner-en.png new file mode 100644 index 0000000..943aaf7 Binary files /dev/null and b/frontend/public/logos/meldwork-readme-banner-en.png differ diff --git a/frontend/public/logos/meldwork-readme-banner-zh-CN.png b/frontend/public/logos/meldwork-readme-banner-zh-CN.png new file mode 100644 index 0000000..cb399e9 Binary files /dev/null and b/frontend/public/logos/meldwork-readme-banner-zh-CN.png differ diff --git a/frontend/public/logos/meldwork-wordmark-v2-dark.svg b/frontend/public/logos/meldwork-wordmark-v2-dark.svg deleted file mode 100644 index 0f17844..0000000 --- a/frontend/public/logos/meldwork-wordmark-v2-dark.svg +++ /dev/null @@ -1,17 +0,0 @@ - - Meldwork wordmark for dark backgrounds - - - - - - diff --git a/frontend/public/logos/meldwork-wordmark-v3-dark.svg b/frontend/public/logos/meldwork-wordmark-v3-dark.svg new file mode 100644 index 0000000..951a797 --- /dev/null +++ b/frontend/public/logos/meldwork-wordmark-v3-dark.svg @@ -0,0 +1,17 @@ + + Meldwork Trace wordmark for dark backgrounds + The Meldwork name paired with the asymmetric Trace mark and coral acceptance point. + + + + diff --git a/frontend/public/logos/meldwork-wordmark-v2.svg b/frontend/public/logos/meldwork-wordmark-v3.svg similarity index 78% rename from frontend/public/logos/meldwork-wordmark-v2.svg rename to frontend/public/logos/meldwork-wordmark-v3.svg index 6f6ce03..cc40385 100644 --- a/frontend/public/logos/meldwork-wordmark-v2.svg +++ b/frontend/public/logos/meldwork-wordmark-v3.svg @@ -1,17 +1,17 @@ - - Meldwork wordmark + + Meldwork Trace wordmark + The Meldwork name paired with the asymmetric Trace mark and coral acceptance point. - - - + - + /> diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 51c6106..20d5dec 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -22,9 +22,11 @@
@@ -272,6 +274,7 @@ :class="{ active: activeView === 'settings' }" type="button" :title="t('nav.settings')" + :aria-current="activeView === 'settings' ? 'page' : undefined" @click="openSystemSettings('agents')" > @@ -449,16 +452,18 @@

{{ t('knowledgeBase.title') }}

{{ t('knowledgeBase.subtitle') }}

- +
+ + {{ knowledgeBaseLoading + ? t('knowledgeBase.status.checking') + : t('knowledgeBase.readyCount', { ready: readyKnowledgeBaseCount, total: localKnowledgeBaseEntries.length }) }} + + +
-
- {{ knowledgeBaseLoading - ? t('knowledgeBase.status.checking') - : t('knowledgeBase.readyCount', { ready: readyKnowledgeBaseCount, total: localKnowledgeBaseEntries.length }) }} -

{{ t(group.titleKey) }}

+

{{ t('knowledgeBase.group.plannedHint') }}

-
+
+
+ +
+ {{ t(`knowledgeBase.source.${source.kind}`) }} +

{{ t(`knowledgeBase.description.${source.kind}`) }}

+
+ + + {{ knowledgeBaseStatusLabel(source) }} + + +
+
+
-
- {{ t(`knowledgeBase.source.${source.kind}`) }} - - - {{ knowledgeBaseStatusLabel(source) }} - -
+ {{ t(`knowledgeBase.source.${source.kind}`) }}

{{ t(`knowledgeBase.description.${source.kind}`) }}

-
-
- - {{ tag.label }} + + + {{ knowledgeBaseStatusLabel(source) }} -
+ +
+
+
{{ fact.label }}
+
{{ fact.value }}
+
+

{{ knowledgeBaseHint(source) }}

{{ knowledgeBaseLocationLabel(source) }} @@ -512,6 +533,7 @@ > {{ knowledgeBasePrimaryActionLabel(source) }} +

@@ -540,10 +562,9 @@ @click="selectProviderAgent(agent.kind)" > - + {{ agent.label }} {{ providerStatusLabel(agent.kind) }} - {{ providerCapabilityLabel(agent) }} @@ -551,31 +572,24 @@ -
+
-
+

{{ t('provider.agentTitle', { agent: selectedProviderAgent.label }) }}

-

{{ agentDescription(selectedProviderAgent.kind) }}

- {{ providerCapabilityLabel(selectedProviderAgent) }} +
+ {{ providerStatusLabel(selectedProviderKind) }} + {{ providerCapabilityLabel(selectedProviderAgent) }} + {{ t('provider.activeProfile', { provider: providerPresetLabel(providerActivePreset) }) }} +
-
- - - - {{ providerStatusLabel(selectedProviderKind) }} -
-

{{ t('provider.agentSpecificHint') }}

-

- - {{ t('provider.nativeDetectedHint') }} -

+
- {{ t('provider.source') }} +
+ {{ t('provider.source') }} + {{ providerPresetHint(selectedProviderPreset.id) }} +
-
- - - -
- {{ t(providerNativeStatusPending - ? 'provider.nativeStatusCheckingTitle' - : providerNativeStatusError - ? 'provider.nativeStatusErrorTitle' - : providerNativeOverrideActive - ? 'provider.nativeOverrideTitle' - : 'provider.nativeTitle') }} -

{{ t(providerNativeStatusPending - ? 'provider.nativeStatusCheckingBody' - : providerNativeStatusError - ? 'provider.nativeStatusErrorBody' - : providerNativeOverrideActive - ? 'provider.nativeOverrideBody' - : 'provider.nativeBody') }}

-
-
+ +
+ {{ t('provider.unavailable') }} + +

{{ t('provider.encryptionUnavailable') }}

- - - - -
-
- {{ t('provider.configGuide') }} -

{{ t(selectedProviderProfile.docsKey) }}

-
-
-
-
{{ t('provider.configFile') }}
-
{{ selectedProviderProfile.configFile }}
-
-
-
{{ t('provider.runtimeKeys') }}
-
- {{ key }} -
-
-
-
+ +
+ + {{ selectedProviderPresetActive ? t('provider.active') : t('provider.configured') }} + + {{ t('provider.nativeReady') }} + {{ selectedProviderProfileStatus.provider }} + {{ selectedProviderProfileStatus.model }} + {{ selectedProviderProfile.configFile }} +
+ +
+ + + + +
+

{{ formError }}

- - - {{ t('provider.nativeConfiguredHint') }} - - - {{ t('provider.nativeOverrideFooterHint') }} - - - {{ t('provider.nativeStatusErrorFooterHint') }} - - - {{ t('provider.checking') }} - + @@ -689,41 +680,13 @@

{{ t('home.dashboardTitle') }}

{{ t('home.dashboardSubtitle') }}

-
- - +
+ + + {{ homeWorkspaceSummary }}
-
-
- {{ t('home.readyAgents') }} - {{ readyCount }} - {{ t('home.installedAgents', { count: installedCount }) }} -
-
- {{ t('home.connectedProviders') }} - {{ providerConfiguredCount }} - {{ t('home.providerTotal', { count: configurableProviderAgents.length }) }} -
-
- {{ t('home.knowledgeSources') }} - {{ readyKnowledgeBaseCount }} - {{ t('home.knowledgeTotal', { count: localKnowledgeBaseEntries.length }) }} -
-
- {{ t('home.conversations') }} - {{ snapshot.groups.length }} - {{ t('home.activeRuns', { count: snapshot.runningGroupIds.length }) }} -
-
-
@@ -731,15 +694,12 @@

{{ t('home.recentTitle') }}

{{ t('home.recentSubtitle') }}

-
-

{{ t('home.noReadyAgents') }}

-
- - -
@@ -847,13 +794,13 @@
- +
@@ -1011,10 +958,10 @@ -
+
{{ message.role === 'user' ? t('conversation.you') : agentLabel(message.agentKind) }} @@ -1066,7 +1013,7 @@ :aria-label="t('composer.mentionedAgents')" > - + {{ agentLabel(kind) }}
@@ -1091,7 +1038,7 @@ @@ -1151,14 +1098,14 @@ >
-
- {{ t('composer.targets') }} +
@@ -1414,7 +1360,7 @@ :aria-label="t('composer.mentionedAgents')" > - + {{ agentLabel(kind) }} + + + +
@@ -1901,7 +1855,8 @@ const NATIVE_PROVIDER_READY_SOURCES = new Set(['native-credential', 'native-auth const COMING_SOON_KNOWLEDGE_BASE_KINDS = new Set(['notion', 'confluence', 'googledrive', 'sharepoint']) const EXTERNAL_PROVIDER_KINDS = new Set(AGENTS.map(agent => agent.kind)) const EMPTY_PROVIDER_STATUS = Object.freeze({ - provider: '', baseUrl: '', model: '', configured: false, encryptionAvailable: true, error: false, + provider: '', baseUrl: '', model: '', activePreset: 'official', profiles: {}, + configured: false, encryptionAvailable: true, error: false, }) const installCatalog = ref({ platform: '', agents: [] }) const installerState = ref({ taskId: '', kind: '', phase: 'idle', canCancel: false, errorCode: '' }) @@ -2278,7 +2233,7 @@ const mergedCatalog = computed(() => AGENTS.map((profile) => { ...installedProfile, ...detected, label: profile.label, - logo: profile.logo, + logo: agentLogo(profile.kind, theme.value), providerMode: profile.providerMode, imageLimit: Number(detected.imageAttachmentLimit ?? installedProfile.imageAttachmentLimit ?? profile.imageLimit) || 0, installed: Boolean(installedProfile.installed || detected.installed), @@ -2338,7 +2293,19 @@ const agentDetailSkillSummary = computed(() => { if (!agentDetailSkillItems.value.length) return t('agent.skillsUnavailable') return t('agent.localSkills', { count: agentDetailSkillItems.value.length }) }) -const showSetupGuide = computed(() => onboardingCompleted.value && !snapshot.value.groups.length) +const showSetupGuide = computed(() => ( + onboardingCompleted.value + && !snapshot.value.groups.length + && readyCount.value === 0 +)) +const homeWorkspaceSummary = computed(() => ( + showSetupGuide.value + ? t('home.setupNeeded') + : t('home.workspaceSummary', { + agents: readyCount.value, + conversations: snapshot.value.groups.length, + }) +)) const setupGuideMessage = computed(() => { if (!readyCount.value) return t('setupGuide.detectBody') if (configurableProviderAgents.value.length && !providerConfiguredCount.value) return t('setupGuide.providerBody') @@ -2356,29 +2323,22 @@ const selectedProviderPreset = computed(() => ( || selectedProviderPresets.value[0] || null )) -const selectedProviderRuntimeKeys = computed(() => selectedProviderProfile.value.runtimeKeys || []) +const providerActivePreset = computed(() => ( + providerStatus.value.activePreset || inferProviderPreset(selectedProviderKind.value, providerStatus.value) +)) +const selectedProviderProfileStatus = computed(() => ( + providerProfilesFor(selectedProviderKind.value)[providerForm.preset] || null +)) +const selectedProviderProfileSaved = computed(() => Boolean(selectedProviderProfileStatus.value?.configured)) +const selectedProviderPresetActive = computed(() => providerActivePreset.value === providerForm.preset) +const selectedProviderPresetConfigured = computed(() => ( + selectedProviderProfileSaved.value + || (providerForm.preset === 'official' && nativeProviderReady(selectedProviderAgent.value)) +)) const providerNativeOfficialMode = computed(() => ( - selectedProviderAgent.value?.providerMode === 'native' && providerForm.preset === 'official' -)) -const providerNativeStatusPending = computed(() => ( - providerNativeOfficialMode.value && !hasProviderStatus(selectedProviderKind.value) -)) -const providerNativeStatusError = computed(() => ( - providerNativeOfficialMode.value - && hasProviderStatus(selectedProviderKind.value) - && providerStatus.value.error -)) -const providerNativeOverrideActive = computed(() => ( - providerNativeOfficialMode.value - && hasProviderStatus(selectedProviderKind.value) - && !providerStatus.value.error - && providerStatus.value.configured -)) -const providerNativeConfigSelected = computed(() => ( - providerNativeOfficialMode.value - && hasProviderStatus(selectedProviderKind.value) - && !providerStatus.value.error - && !providerStatus.value.configured + providerForm.preset === 'official' + && !selectedProviderProfileSaved.value + && nativeProviderReady(selectedProviderAgent.value) )) const roundProgressPercent = computed(() => { const bounded = Math.max(1, Math.min(10, Number(maxRounds.value) || 1)) @@ -2394,6 +2354,7 @@ const modalTitle = computed(() => ({ settings: settingsIntent.value === 'rename' ? t(activeGroup.value?.conversationType === 'direct' ? 'settings.renameDirectTitle' : 'settings.renameGroupTitle') : t('settings.title'), + 'unlimited-confirm': t('composer.unlimitedConfirmTitle'), 'agent-detail': selectedAgentDetail.value?.label || t('systemSettings.openAgentDetailDefault'), })[modal.value] || '') const modalSubtitle = computed(() => ({ @@ -2530,6 +2491,23 @@ function providerStatusFor(kind) { return providerStatuses.value[kind] || EMPTY_PROVIDER_STATUS } +function providerProfilesFor(kind) { + const status = providerStatusFor(kind) + if (status.profiles && typeof status.profiles === 'object' && !Array.isArray(status.profiles)) { + return status.profiles + } + if (!status.configured) return {} + const preset = status.activePreset || inferProviderPreset(kind, status) + return { + [preset]: { + provider: status.provider, + baseUrl: status.baseUrl, + model: status.model, + configured: true, + }, + } +} + function hasProviderStatus(kind) { return Object.prototype.hasOwnProperty.call(providerStatuses.value, String(kind || '')) } @@ -2578,6 +2556,20 @@ function providerPresetHint(id) { return t(`provider.presetHint.${id}`) } +function providerPresetConfigured(presetId) { + if (providerProfilesFor(selectedProviderKind.value)[presetId]?.configured) return true + return presetId === 'official' && nativeProviderReady(selectedProviderAgent.value) +} + +function providerPresetActive(presetId) { + return providerActivePreset.value === presetId +} + +function providerPresetStateLabel(presetId) { + if (providerPresetActive(presetId)) return t('provider.active') + return providerPresetConfigured(presetId) ? t('provider.configured') : t('provider.notConfigured') +} + function providerPresetFor(kind, presetId) { const profile = providerProfile(kind) return profile.presets.find(preset => preset.id === presetId) || profile.presets[0] || null @@ -2586,10 +2578,11 @@ function providerPresetFor(kind, presetId) { function fillProviderFormFromPreset(kind, presetId) { const preset = providerPresetFor(kind, presetId) if (!preset) return + const saved = providerProfilesFor(kind)[preset.id] providerForm.preset = preset.id - providerForm.provider = preset.provider || '' - providerForm.baseUrl = preset.baseUrl || '' - providerForm.model = preset.model || '' + providerForm.provider = saved?.provider || preset.provider || '' + providerForm.baseUrl = saved?.baseUrl || preset.baseUrl || '' + providerForm.model = saved?.model || preset.model || '' } function applyProviderPreset(presetId) { @@ -3941,10 +3934,12 @@ async function cancelInstall() { function requestUnlimitedRounds() { if (unlimitedRounds.value) return - const confirmed = typeof window.confirm === 'function' - ? window.confirm(t('composer.unlimitedConfirm')) - : true - if (confirmed) unlimitedRounds.value = true + modal.value = 'unlimited-confirm' +} + +function confirmUnlimitedRounds() { + unlimitedRounds.value = true + closeModal() } async function loadProviderStatus(kind, probeEncryption = false) { @@ -3960,6 +3955,17 @@ async function loadProviderStatus(kind, probeEncryption = false) { } } +async function retryProviderStatus(kind) { + const targetKind = String(kind || '') + if (!EXTERNAL_PROVIDER_KINDS.has(targetKind) || saving.value) return EMPTY_PROVIDER_STATUS + const nextStatuses = { ...providerStatuses.value } + delete nextStatuses[targetKind] + providerStatuses.value = nextStatuses + const status = await loadProviderStatus(targetKind, true) + if (selectedProviderKind.value === targetKind && !status.error) syncProviderForm(targetKind) + return status +} + async function loadProviderStatuses() { await Promise.all(configurableProviderAgents.value.map(agent => loadProviderStatus(agent.kind))) } @@ -4031,14 +4037,12 @@ async function loadKnowledgeBaseStatuses() { function syncProviderForm(kind) { const status = providerStatusFor(kind) - const preset = inferProviderPreset(kind, status) - if (status.configured) { - providerForm.preset = preset - providerForm.provider = status.provider || '' - providerForm.baseUrl = status.baseUrl || '' - providerForm.model = status.model || '' - } else { - fillProviderFormFromPreset(kind, preset) + const preset = status.activePreset || inferProviderPreset(kind, status) + fillProviderFormFromPreset(kind, preset) + if (status.configured && !providerProfilesFor(kind)[preset]) { + providerForm.provider = status.provider || providerForm.provider + providerForm.baseUrl = status.baseUrl || providerForm.baseUrl + providerForm.model = status.model || providerForm.model } providerForm.apiKey = '' } @@ -4058,6 +4062,26 @@ function openProvider(kind = '') { openSystemSettings('providers', EXTERNAL_PROVIDER_KINDS.has(kind) ? kind : selectedProviderKind.value) } +async function activateProviderPreset(presetId) { + if (saving.value || providerPresetActive(presetId) || !providerPresetConfigured(presetId)) return + if (typeof provider.value?.activate !== 'function') { + formError.value = t('provider.switchUnavailable') + return + } + saving.value = true + formError.value = '' + try { + const kind = selectedProviderKind.value + await provider.value.activate(kind, presetId) + await Promise.all([loadProviderStatus(kind), refreshAgents()]) + syncProviderForm(kind) + } catch (error) { + formError.value = translateError(error) + } finally { + saving.value = false + } +} + async function saveProvider() { formError.value = '' if (providerNativeOfficialMode.value) return @@ -4073,6 +4097,7 @@ async function saveProvider() { try { const kind = selectedProviderKind.value await provider.value.save(kind, { + preset: providerForm.preset, provider: providerForm.provider, baseUrl: providerForm.baseUrl, model: providerForm.model, @@ -4218,63 +4243,32 @@ function knowledgeBaseStatusLabel(source) { return t('knowledgeBase.status.checking') } -function knowledgeBaseTags(source) { +function knowledgeBaseFacts(source) { if (!source) return [] - if (knowledgeBaseComingSoon(source)) { - return [ - { label: knowledgeBaseModeLabel(source), tone: 'checking' }, - { label: t('knowledgeBase.tag.comingSoon'), tone: 'checking' }, - ] - } - if (knowledgeBasePending(source)) { - return [{ label: t('knowledgeBase.tag.checking'), tone: 'checking' }] - } - if (source.probeState === 'unknown') { - return [{ label: t('knowledgeBase.status.unknown'), tone: 'checking' }] - } - const tags = [{ - label: knowledgeBaseModeLabel(source), - tone: knowledgeBaseConfigured(source) ? 'connected' : 'checking', - }] - if (source.probeState === 'error') { - tags.push({ - label: t('knowledgeBase.status.error'), - tone: 'warning', - }) - return tags - } - if (source.accessMode === 'cli') { - tags.push({ - label: source.installed ? t('knowledgeBase.tag.cliInstalled') : t('knowledgeBase.tag.cliMissing'), - tone: source.installed ? 'connected' : 'warning', - }) - tags.push({ - label: source.loginState === 'ready' ? t('knowledgeBase.tag.loggedIn') : t('knowledgeBase.tag.needsLogin'), - tone: source.loginState === 'ready' ? 'connected' : 'warning', - }) - } else if (source.accessMode === 'vault') { - tags.push({ - label: source.installed ? t('knowledgeBase.tag.appInstalled') : t('knowledgeBase.tag.appMissing'), - tone: source.installed ? 'connected' : 'warning', - }) - tags.push({ - label: source.vaultPath ? t('knowledgeBase.tag.directoryReady') : t('knowledgeBase.tag.directoryMissing'), - tone: source.vaultPath ? 'connected' : 'warning', - }) - } - tags.push({ - label: knowledgeBaseCanRead(source) - ? t('knowledgeBase.tag.readEnabled') - : t('knowledgeBase.tag.readMissing'), - tone: knowledgeBaseCanRead(source) ? 'connected' : 'warning', - }) - tags.push({ - label: knowledgeBaseCanWrite(source) - ? t('knowledgeBase.tag.writeEnabled') - : t('knowledgeBase.tag.writeMissing'), - tone: knowledgeBaseCanWrite(source) ? 'connected' : source.accessMode === 'cli' ? 'checking' : 'warning', - }) - return tags + const pending = knowledgeBasePending(source) + const unresolved = source.probeState === 'unknown' || source.probeState === 'error' + const canRead = knowledgeBaseCanRead(source) + const canWrite = knowledgeBaseCanWrite(source) + return [ + { + key: 'connection', + label: t('knowledgeBase.fact.connection'), + value: knowledgeBaseModeLabel(source), + tone: 'neutral', + }, + { + key: 'read', + label: t('knowledgeBase.fact.read'), + value: pending ? t('knowledgeBase.status.checking') : canRead ? t('knowledgeBase.tag.readEnabled') : t('knowledgeBase.tag.readMissing'), + tone: pending || unresolved ? 'checking' : canRead ? 'connected' : 'warning', + }, + { + key: 'write', + label: t('knowledgeBase.fact.write'), + value: pending ? t('knowledgeBase.status.checking') : canWrite ? t('knowledgeBase.tag.writeEnabled') : t('knowledgeBase.tag.writeMissing'), + tone: pending || unresolved ? 'checking' : canWrite ? 'connected' : source.accessMode === 'cli' ? 'checking' : 'warning', + }, + ] } function knowledgeBaseHint(source) { @@ -4411,10 +4405,12 @@ async function removeProvider() { saving.value = true try { const kind = selectedProviderKind.value - await provider.value.delete(kind) + const preset = providerForm.preset + await provider.value.delete(kind, preset) await Promise.all([loadProviderStatus(kind), refreshAgents()]) providerRemoveArmed.value = false - syncProviderForm(kind) + fillProviderFormFromPreset(kind, preset) + providerForm.apiKey = '' } catch (error) { formError.value = translateError(error) } finally { @@ -4608,14 +4604,6 @@ function handleWindowKeydown(event) { sidebarDeleteGroupId.value = '' return } - if (roundSettingsOpen.value) { - roundSettingsOpen.value = false - return - } - if (skillMenuOpen.value) { - skillMenuOpen.value = false - return - } if (onboardingVisible.value) { completeOnboarding() return @@ -4624,7 +4612,18 @@ function handleWindowKeydown(event) { deleteArmed.value = false return } - if (modal.value) closeModal() + if (modal.value) { + closeModal() + return + } + if (roundSettingsOpen.value) { + roundSettingsOpen.value = false + return + } + if (skillMenuOpen.value) { + skillMenuOpen.value = false + return + } } function handleWindowPointerDown(event) { diff --git a/frontend/src/__tests__/roundrelay/App.spec.js b/frontend/src/__tests__/roundrelay/App.spec.js index bab2af0..261f321 100644 --- a/frontend/src/__tests__/roundrelay/App.spec.js +++ b/frontend/src/__tests__/roundrelay/App.spec.js @@ -111,6 +111,8 @@ function createBridge() { provider: '', baseUrl: '', model: '', + activePreset: 'official', + profiles: {}, configured: false, encryptionAvailable: true, })), @@ -119,11 +121,32 @@ function createBridge() { provider: '', baseUrl: '', model: '', + activePreset: 'official', + profiles: {}, configured: false, encryptionAvailable: true, })), save: vi.fn(async (kind, input) => ({ kind, ...input, configured: true, encryptionAvailable: true })), - delete: vi.fn(async kind => ({ kind, configured: false, encryptionAvailable: true })), + activate: vi.fn(async (kind, preset) => ({ + kind, + provider: '', + baseUrl: '', + model: '', + activePreset: preset, + profiles: {}, + configured: false, + encryptionAvailable: true, + })), + delete: vi.fn(async kind => ({ + kind, + provider: '', + baseUrl: '', + model: '', + activePreset: 'official', + profiles: {}, + configured: false, + encryptionAvailable: true, + })), } const localKnowledgeBase = { status: vi.fn(async () => ([ @@ -402,9 +425,7 @@ describe('RoundRelay workbench', () => { .toEqual(AGENTS.map(agent => agent.kind).sort()) expect(bridge.localAgentProvider.probe).not.toHaveBeenCalled() expect(bridge.localKnowledgeBase.status).toHaveBeenCalledTimes(1) - expect(wrapper.findAll('.home-overview-item')[1].get('strong').text()).toBe('0') - expect(wrapper.findAll('.home-overview-item')[2].get('strong').text()).toBe('1') - expect(wrapper.findAll('.home-overview-item')[2].get('small').text()).toBe('3 local sources') + expect(wrapper.find('.home-overview-item').exists()).toBe(false) await wrapper.get('.sidebar-settings-entry').trigger('click') expect(wrapper.get('.system-settings-page').exists()).toBe(true) @@ -416,6 +437,7 @@ describe('RoundRelay workbench', () => { expect(bridge.localAgentProvider.status).toHaveBeenCalledTimes(AGENTS.length * 2) expect(bridge.localAgentProvider.probe).toHaveBeenCalledTimes(1) expect(bridge.localAgentProvider.probe).toHaveBeenCalledWith('codex') + expect(wrapper.get('.provider-summary-count').text()).toContain(`0 ready of ${AGENTS.length}`) expect(bridge.localKnowledgeBase.status).toHaveBeenCalledTimes(1) await wrapper.findAll('.settings-tabs button')[0].trigger('click') @@ -425,12 +447,25 @@ describe('RoundRelay workbench', () => { await wrapper.findAll('.settings-tabs button')[2].trigger('click') await flushPromises() expect(bridge.localKnowledgeBase.status).toHaveBeenCalledTimes(2) + expect(wrapper.get('.knowledge-base-ready-summary').text()).toContain('1 ready, 3 total') wrapper.unmount() }) it('offers three Provider sources for every Agent and clears the API key when switching sources', async () => { const styles = readFileSync(resolve(process.cwd(), 'src/styles.css'), 'utf8') - expect(styles).toMatch(/\.provider-source-options small\s*\{[^}]*-webkit-line-clamp:\s*2;/s) + expect(styles).toMatch(/\.provider-source-options\s*\{[^}]*display:\s*flex;[^}]*gap:\s*6px;/s) + expect(styles).toMatch(/\.provider-source-options button\s*\{[^}]*border:\s*0;[^}]*background:\s*color-mix/s) + expect(styles).toMatch(/\.provider-editor-tags span,[\s\S]*\.provider-profile-summary code\s*\{[^}]*border:\s*0;/s) + expect(styles).toMatch(/\.provider-settings-panel\s*\{[^}]*--provider-success:\s*#4f7564;/s) + expect(styles).toMatch(/\.provider-external-fields\s*\{[^}]*"name model"[^}]*"url url"[^}]*"key key";/s) + const narrowProviderRules = styles.slice( + styles.indexOf('@media (max-width: 920px)'), + styles.indexOf('@media (max-width: 760px)'), + ) + expect(narrowProviderRules).toMatch(/\.provider-settings-panel\s*\{[^}]*grid-template-columns:\s*1fr;/s) + expect(narrowProviderRules).toMatch(/\.provider-agent-list\s*\{[^}]*grid-template-columns:\s*repeat\(2, minmax\(0, 1fr\)\);/s) + expect(narrowProviderRules).toMatch(/\.provider-editor\s*\{[^}]*width:\s*100%;[^}]*overflow:\s*visible;/s) + expect(narrowProviderRules).toMatch(/\.provider-source-heading small\s*\{[^}]*white-space:\s*normal;/s) const { wrapper } = await mountApp() await wrapper.get('.sidebar-settings-entry').trigger('click') @@ -438,6 +473,10 @@ describe('RoundRelay workbench', () => { await flushPromises() expect(wrapper.findAll('.provider-agent-list button')).toHaveLength(AGENTS.length) + expect(wrapper.find('.provider-agent-mode').exists()).toBe(false) + expect(wrapper.findAll('.provider-agent-list button').every(button => ( + button.findAll('.provider-agent-copy small').length === 1 + ))).toBe(true) for (const agent of AGENTS) { const agentButton = wrapper.findAll('.provider-agent-list button') .find(button => button.text().includes(agent.label)) @@ -447,12 +486,14 @@ describe('RoundRelay workbench', () => { const sources = wrapper.findAll('.provider-source-options button') expect(sources).toHaveLength(3) expect(sources.map(button => button.get('strong').text())).toEqual(['Official', 'OpenRouter', 'Custom']) + expect(wrapper.get('.provider-source-heading small').text()).toContain('official') } const apiKey = wrapper.get('.provider-editor input[type="password"]') await apiKey.setValue('secret-that-must-not-carry-over') await wrapper.findAll('.provider-source-options button')[1].trigger('click') expect(wrapper.get('.provider-editor input[type="password"]').element.value).toBe('') + expect(wrapper.get('.provider-source-heading small').text()).toContain('OpenRouter') wrapper.unmount() }) @@ -461,7 +502,6 @@ describe('RoundRelay workbench', () => { state.agents[0].availabilitySource = 'native-credential' }) - expect(wrapper.findAll('.home-overview-item')[1].get('strong').text()).toBe('1') await wrapper.get('.sidebar-settings-entry').trigger('click') await wrapper.findAll('.settings-tabs button')[1].trigger('click') await flushPromises() @@ -470,8 +510,9 @@ describe('RoundRelay workbench', () => { .find(button => button.text().includes('Codex')) expect(codexProvider.text()).toContain('Native config ready') expect(codexProvider.find('svg.ready').exists()).toBe(true) - expect(wrapper.get('.provider-status').text()).toContain('Native config ready') - expect(wrapper.get('.provider-native-detected-note').text()).toContain('Meldwork-managed override') + expect(wrapper.get('.provider-editor-tags').text()).toContain('Native config ready') + expect(wrapper.get('.provider-profile-summary').text()).toContain('Native config ready') + expect(wrapper.find('.provider-inline-warning').exists()).toBe(false) expect(wrapper.find('.provider-editor .danger-button').exists()).toBe(false) wrapper.unmount() }) @@ -483,10 +524,12 @@ describe('RoundRelay workbench', () => { provider: '', baseUrl: '', model: '', + activePreset: 'official', + profiles: {}, configured: false, encryptionAvailable: true, }) - const { wrapper } = await mountApp(({ state, bridge }) => { + const { wrapper, bridge } = await mountApp(({ state, bridge }) => { state.agents.push({ kind: 'kimi', installed: true, @@ -503,7 +546,6 @@ describe('RoundRelay workbench', () => { )) }) - expect(wrapper.findAll('.home-overview-item')[1].get('strong').text()).toBe('0') await wrapper.get('.sidebar-settings-entry').trigger('click') await wrapper.findAll('.settings-tabs button')[1].trigger('click') await wrapper.vm.$nextTick() @@ -515,13 +557,9 @@ describe('RoundRelay workbench', () => { await kimiProvider.trigger('click') await wrapper.vm.$nextTick() - expect(wrapper.get('.provider-status').text()).toContain('Checking') - expect(wrapper.get('.provider-status').classes()).toContain('checking') - expect(wrapper.get('.provider-status').attributes('role')).toBe('status') expect(wrapper.get('.provider-editor').attributes('aria-busy')).toBe('true') - expect(wrapper.get('.provider-native-card').text()).toContain('Checking saved overrides') - expect(wrapper.get('.provider-native-footer-note').text()).toContain('Checking') - expect(wrapper.find('.provider-native-detected-note').exists()).toBe(false) + expect(wrapper.get('.provider-editor-tags').text()).toContain('Checking') + expect(wrapper.find('.provider-inline-warning').exists()).toBe(false) kimiStatus.reject(Object.assign(new Error('Provider status unavailable'), { code: 'PROVIDER_STATUS_UNAVAILABLE', @@ -531,12 +569,16 @@ describe('RoundRelay workbench', () => { expect(kimiProvider.text()).toContain('Status unavailable') expect(kimiProvider.text()).not.toContain('Native config ready') expect(kimiProvider.find('svg.ready').exists()).toBe(false) - expect(wrapper.get('.provider-status').text()).toContain('Status unavailable') expect(wrapper.get('.provider-editor').attributes('aria-busy')).toBe('false') - expect(wrapper.get('.provider-native-card').text()).toContain('Provider status could not be verified') - expect(wrapper.get('.provider-native-footer-note.warning').text()).toContain('Provider status is unavailable') - expect(wrapper.find('.provider-native-detected-note').exists()).toBe(false) - expect(wrapper.text()).not.toContain('Native CLI configuration is selected') + expect(wrapper.get('.provider-inline-warning').text()).toContain('Status unavailable') + expect(wrapper.get('.provider-inline-warning button').text()).toContain('Retry') + + bridge.localAgentProvider.probe.mockResolvedValue(emptyStatus('kimi')) + await wrapper.get('.provider-inline-warning button').trigger('click') + await flushPromises() + expect(bridge.localAgentProvider.probe).toHaveBeenLastCalledWith('kimi') + expect(wrapper.get('.provider-profile-summary').text()).toContain('Native config ready') + expect(wrapper.find('.provider-inline-warning').exists()).toBe(false) wrapper.unmount() }) @@ -545,7 +587,6 @@ describe('RoundRelay workbench', () => { state.agents[0].availabilitySource = 'verified-run' }) - expect(wrapper.findAll('.home-overview-item')[1].get('strong').text()).toBe('1') await wrapper.get('.sidebar-settings-entry').trigger('click') await wrapper.findAll('.settings-tabs button')[1].trigger('click') await flushPromises() @@ -557,14 +598,29 @@ describe('RoundRelay workbench', () => { wrapper.unmount() }) - it('keeps a native Agent override active until the user confirms removal twice', async () => { - let hasOverride = true - const providerStatus = kind => (kind === 'kimi' && hasOverride + it('removes only the selected Provider profile after two-step confirmation', async () => { + let openrouterSaved = true + const providerStatus = kind => (kind === 'kimi' && openrouterSaved ? { kind, provider: 'OpenRouter', baseUrl: 'https://openrouter.ai/api/v1', model: 'moonshotai/kimi-k2', + activePreset: 'openrouter', + profiles: { + openrouter: { + provider: 'OpenRouter', + baseUrl: 'https://openrouter.ai/api/v1', + model: 'moonshotai/kimi-k2', + configured: true, + }, + custom: { + provider: 'Private gateway', + baseUrl: 'https://gateway.example/v1', + model: 'kimi-private', + configured: true, + }, + }, configured: true, encryptionAvailable: true, } @@ -573,6 +629,15 @@ describe('RoundRelay workbench', () => { provider: '', baseUrl: '', model: '', + activePreset: 'official', + profiles: { + custom: { + provider: 'Private gateway', + baseUrl: 'https://gateway.example/v1', + model: 'kimi-private', + configured: true, + }, + }, configured: false, encryptionAvailable: true, }) @@ -587,8 +652,8 @@ describe('RoundRelay workbench', () => { }) desktopBridge.localAgentProvider.status.mockImplementation(async kind => providerStatus(kind)) desktopBridge.localAgentProvider.probe.mockImplementation(async kind => providerStatus(kind)) - desktopBridge.localAgentProvider.delete.mockImplementation(async kind => { - if (kind === 'kimi') hasOverride = false + desktopBridge.localAgentProvider.delete.mockImplementation(async (kind, preset) => { + if (kind === 'kimi' && preset === 'openrouter') openrouterSaved = false return providerStatus(kind) }) }) @@ -599,25 +664,81 @@ describe('RoundRelay workbench', () => { .find(button => button.text().includes('Kimi Code')) .trigger('click') await flushPromises() - await wrapper.findAll('.provider-source-options button')[0].trigger('click') - expect(bridge.localAgentProvider.delete).not.toHaveBeenCalled() - expect(wrapper.get('.provider-native-card').text()).toContain('Meldwork override is still active') - expect(wrapper.get('.provider-native-card').text()).toContain('Selecting Official does not remove') - expect(wrapper.get('.provider-native-footer-note.warning').text()).toContain('Remove the saved override') - expect(wrapper.find('.provider-editor-footer .primary-button').exists()).toBe(false) + expect(wrapper.get('.provider-profile-summary').text()).toContain('OpenRouter') await wrapper.get('.provider-editor-footer .danger-button').trigger('click') expect(bridge.localAgentProvider.delete).not.toHaveBeenCalled() - expect(wrapper.get('.provider-editor-footer .danger-button').text()).toContain('Confirm return to native') + expect(wrapper.get('.provider-editor-footer .danger-button').text()).toContain('Confirm removal') await wrapper.get('.provider-editor-footer .danger-button').trigger('click') await flushPromises() - expect(bridge.localAgentProvider.delete).toHaveBeenCalledWith('kimi') + expect(bridge.localAgentProvider.delete).toHaveBeenCalledWith('kimi', 'openrouter') expect(wrapper.find('.provider-editor-footer .danger-button').exists()).toBe(false) - expect(wrapper.get('.provider-native-card').text()).toContain('Use the Agent CLI configuration') - expect(wrapper.get('.provider-native-footer-note').text()).toContain('Native CLI configuration is selected') - expect(wrapper.get('.provider-native-card').text()).not.toContain('override is still active') + await wrapper.findAll('.provider-source-options button')[2].trigger('click') + expect(wrapper.get('.provider-profile-summary').text()).toContain('Private gateway') + wrapper.unmount() + }) + + it('switches between configured Provider profiles for one Agent', async () => { + let activePreset = 'openrouter' + const profiles = { + openrouter: { + provider: 'OpenRouter', + baseUrl: 'https://openrouter.ai/api/v1', + model: 'anthropic/claude-sonnet-4', + configured: true, + }, + custom: { + provider: 'Private gateway', + baseUrl: 'https://gateway.example/v1', + model: 'private-model', + configured: true, + }, + } + const status = kind => ({ + kind, + ...profiles[activePreset], + activePreset, + profiles, + configured: true, + encryptionAvailable: true, + }) + const { wrapper, bridge } = await mountApp(({ bridge: desktopBridge }) => { + desktopBridge.localAgentProvider.status.mockImplementation(async kind => ( + kind === 'hermes' ? status(kind) : { + kind, + provider: '', + baseUrl: '', + model: '', + activePreset: 'official', + profiles: {}, + configured: false, + encryptionAvailable: true, + } + )) + desktopBridge.localAgentProvider.probe.mockImplementation(desktopBridge.localAgentProvider.status) + desktopBridge.localAgentProvider.activate.mockImplementation(async (kind, preset) => { + activePreset = preset + return status(kind) + }) + }) + + await wrapper.get('.sidebar-settings-entry').trigger('click') + await wrapper.findAll('.settings-tabs button')[1].trigger('click') + await wrapper.findAll('.provider-agent-list button') + .find(button => button.text().includes('Hermes')) + .trigger('click') + await flushPromises() + + await wrapper.findAll('.provider-source-options button')[2].trigger('click') + expect(wrapper.get('.provider-profile-summary').text()).toContain('Private gateway') + expect(wrapper.get('.provider-activate-button').text()).toContain('Use Custom') + + await wrapper.get('.provider-activate-button').trigger('click') + await flushPromises() + expect(bridge.localAgentProvider.activate).toHaveBeenCalledWith('hermes', 'custom') + expect(wrapper.get('.provider-editor-tags').text()).toContain('Custom active') wrapper.unmount() }) @@ -680,7 +801,6 @@ describe('RoundRelay workbench', () => { bridge.localAgentProvider.probe.mockImplementation(bridge.localAgentProvider.status) }) - expect(wrapper.findAll('.home-overview-item')[1].get('strong').text()).toBe('1') await wrapper.get('.sidebar-settings-entry').trigger('click') await wrapper.findAll('.settings-tabs button')[1].trigger('click') await wrapper.findAll('.provider-agent-list button') @@ -690,7 +810,8 @@ describe('RoundRelay workbench', () => { expect(wrapper.find('.provider-agent-list svg.ready').exists()).toBe(true) expect(wrapper.get('.provider-editor-header h2').text()).toContain('Hermes') - expect(wrapper.get('.provider-status').text()).toContain('Configured') + expect(wrapper.get('.provider-editor-tags').text()).toContain('Configured') + expect(wrapper.get('.provider-profile-summary').text()).toContain('Local gateway') wrapper.unmount() }) @@ -698,7 +819,19 @@ describe('RoundRelay workbench', () => { const styles = readFileSync(resolve(process.cwd(), 'src/styles.css'), 'utf8') expect(styles).toMatch(/\.knowledge-base-panel\s*\{[^}]*align-content:\s*start;/s) expect(styles).toMatch(/\.knowledge-base-grid\s*\{[^}]*align-content:\s*start;/s) - expect(styles).toMatch(/\.knowledge-base-card\.planned\s*\{/) + expect(styles).toMatch(/\.knowledge-base-card-header\s*\{[^}]*grid-template-columns:\s*38px minmax\(0, 1fr\);/s) + expect(styles).toMatch(/\.knowledge-base-status\s*\{[^}]*grid-column:\s*2;[^}]*white-space:\s*normal;/s) + expect(styles).toMatch(/\.knowledge-base-facts\s*\{[^}]*grid-template-columns:\s*minmax\(0, 1\.05fr\) minmax\(0, 0\.95fr\) minmax\(0, 1\.2fr\);/s) + expect(styles).toMatch(/\.knowledge-base-facts dd\s*\{[^}]*text-overflow:\s*clip;[^}]*white-space:\s*normal;/s) + expect(styles).toMatch(/\.knowledge-base-planned-list\s*\{/) + expect(styles).not.toMatch(/\.knowledge-base-tag\s*\{/) + for (const [filename, source] of [ + ['feishu.svg', 'https://open.feishu.cn/'], + ['dingtalk.svg', 'https://www.dingtalk.com/'], + ['obsidian.svg', 'https://obsidian.md/brand'], + ]) { + expect(readFileSync(resolve(process.cwd(), `public/knowledge-base-logos/${filename}`), 'utf8')).toContain(`Source: ${source}`) + } const { wrapper, bridge } = await mountApp() @@ -709,7 +842,7 @@ describe('RoundRelay workbench', () => { expect(bridge.localKnowledgeBase.status).toHaveBeenCalled() const panelText = wrapper.get('.knowledge-base-panel').text() - expect(panelText).toContain('Knowledge sources') + expect(panelText).toContain('Knowledge bases') expect(panelText).toContain('Feishu Docs') expect(panelText).toContain('DingTalk Docs') expect(panelText).toContain('Obsidian') @@ -720,27 +853,28 @@ describe('RoundRelay workbench', () => { const sourceGroups = wrapper.findAll('.knowledge-base-group') expect(sourceGroups).toHaveLength(2) - expect(sourceGroups[0].get('h3').text()).toBe('Local sources') + expect(sourceGroups[0].get('h3').text()).toBe('Local connections') expect(sourceGroups[0].findAll('.knowledge-base-card')).toHaveLength(3) expect(sourceGroups[1].get('h3').text()).toBe('Coming soon') - expect(sourceGroups[1].findAll('.knowledge-base-card')).toHaveLength(4) - expect(sourceGroups[1].findAll('.knowledge-base-card.planned')).toHaveLength(4) - expect(wrapper.get('.knowledge-base-panel .manager-toolbar').text()).toContain('1 ready, 3 total') + expect(sourceGroups[1].text()).toContain('Reference links only') + expect(sourceGroups[1].findAll('.knowledge-base-planned-item')).toHaveLength(4) + expect(sourceGroups[1].findAll('.knowledge-base-card')).toHaveLength(0) + expect(wrapper.get('.knowledge-base-ready-summary').text()).toContain('1 ready, 3 total') expect(wrapper.get('.knowledge-base-panel').attributes('aria-busy')).toBe('false') - expect(wrapper.get('.knowledge-base-panel .manager-toolbar').attributes('role')).toBe('status') + expect(wrapper.get('.knowledge-base-ready-summary').attributes('role')).toBe('status') for (const label of ['Notion', 'Confluence', 'Google Drive', 'SharePoint']) { - const plannedCard = wrapper.findAll('.knowledge-base-card') - .find(card => card.text().includes(label)) - expect(plannedCard.get('.knowledge-base-status').text()).toContain('Coming soon') - expect(plannedCard.text()).toContain('Connection is not available in this version') - expect(plannedCard.get('.knowledge-base-actions button').text()).toContain('View official docs') - expect(plannedCard.text()).not.toContain('Not configured') + const plannedItem = wrapper.findAll('.knowledge-base-planned-item') + .find(item => item.text().includes(label)) + expect(plannedItem.get('.knowledge-base-planned-status').text()).toContain('Coming soon') + expect(plannedItem.get('.knowledge-base-doc-link').text()).toContain('View official docs') + expect(plannedItem.text()).not.toContain('Not configured') } - const notionCard = wrapper.findAll('.knowledge-base-card') - .find(card => card.text().includes('Notion')) - await notionCard.get('.knowledge-base-actions button').trigger('click') + const notionItem = wrapper.findAll('.knowledge-base-planned-item') + .find(item => item.text().includes('Notion')) + expect(notionItem.text()).toContain('Pages and databases') + await notionItem.get('.knowledge-base-doc-link').trigger('click') await flushPromises() expect(bridge.localKnowledgeBase.openGuide).toHaveBeenCalledWith('notion', 'install') expect(bridge.localKnowledgeBase.status).toHaveBeenCalledTimes(2) @@ -798,14 +932,17 @@ describe('RoundRelay workbench', () => { await wrapper.findAll('.settings-tabs button')[2].trigger('click') await flushPromises() - expect(wrapper.get('.knowledge-base-panel .manager-toolbar').text()).toContain('2 ready, 3 total') + expect(wrapper.get('.knowledge-base-ready-summary').text()).toContain('2 ready, 3 total') for (const label of ['Feishu Docs', 'DingTalk Docs']) { const card = wrapper.findAll('.knowledge-base-card') .find(item => item.text().includes(label)) expect(card.get('.knowledge-base-status').text()).toContain('Ready') - expect(card.get('.knowledge-base-tags').text()).toContain('Read enabled') - expect(card.get('.knowledge-base-tags').text()).toContain('Write not verified') - expect(card.get('.knowledge-base-tags').text()).not.toContain('Write enabled') + const facts = card.findAll('.knowledge-base-facts > div') + expect(facts).toHaveLength(3) + expect(facts[0].text()).toContain('ConnectionOfficial CLI') + expect(facts[1].text()).toContain('ReadRead enabled') + expect(facts[2].text()).toContain('WriteWrite not verified') + expect(facts[2].text()).not.toContain('Write enabled') } wrapper.unmount() }) @@ -825,32 +962,36 @@ describe('RoundRelay workbench', () => { expect(localCards).toHaveLength(3) for (const card of localCards) { expect(card.get('.knowledge-base-status').text()).toContain('Checking') - expect(card.get('.knowledge-base-tags').text()).toBe('Checking') + const facts = card.findAll('.knowledge-base-facts dd') + expect(facts).toHaveLength(3) + expect(facts[1].text()).toBe('Checking') + expect(facts[2].text()).toBe('Checking') expect(card.get('.knowledge-base-hint').text()).toContain('Checking local installation') expect(card.get('.knowledge-base-actions button').text()).toContain('Checking') expect(card.get('.knowledge-base-actions button').attributes()).toHaveProperty('disabled') expect(card.text()).not.toMatch(/CLI not installed|CLI missing|Obsidian not installed|App missing|Vault not selected/) } expect(wrapper.get('.knowledge-base-panel').attributes('aria-busy')).toBe('true') - expect(wrapper.get('.knowledge-base-panel .manager-toolbar').text()).toBe('Checking') + expect(wrapper.get('.knowledge-base-ready-summary').text()).toBe('Checking') - const plannedCards = sourceGroups[1].findAll('.knowledge-base-card') - expect(plannedCards).toHaveLength(4) - for (const card of plannedCards) { - expect(card.get('.knowledge-base-status').text()).toContain('Coming soon') - expect(card.get('.knowledge-base-actions button').text()).toContain('View official docs') - expect(card.get('.knowledge-base-actions button').attributes()).not.toHaveProperty('disabled') + const plannedItems = sourceGroups[1].findAll('.knowledge-base-planned-item') + expect(plannedItems).toHaveLength(4) + for (const item of plannedItems) { + expect(item.get('.knowledge-base-planned-status').text()).toContain('Coming soon') + expect(item.get('.knowledge-base-doc-link').text()).toContain('View official docs') + expect(item.get('.knowledge-base-doc-link').attributes()).not.toHaveProperty('disabled') } statusResult.resolve([]) await flushPromises() expect(wrapper.get('.knowledge-base-panel').attributes('aria-busy')).toBe('false') - expect(wrapper.get('.knowledge-base-panel .manager-toolbar').text()).toContain('0 ready, 3 total') + expect(wrapper.get('.knowledge-base-ready-summary').text()).toContain('0 ready, 3 total') const unknownCards = wrapper.findAll('.knowledge-base-group')[0].findAll('.knowledge-base-card') for (const card of unknownCards) { expect(card.get('.knowledge-base-status').text()).toContain('Could not verify') - expect(card.get('.knowledge-base-tags').text()).toBe('Could not verify') + expect(card.get('.knowledge-base-facts').text()).toContain('Read not verified') + expect(card.get('.knowledge-base-facts').text()).toContain('Write not verified') expect(card.get('.knowledge-base-hint').text()).toContain('No local status was returned') expect(card.get('.knowledge-base-actions button').text()).toContain('Recheck') expect(card.get('.knowledge-base-actions button').attributes()).not.toHaveProperty('disabled') @@ -890,13 +1031,22 @@ describe('RoundRelay workbench', () => { const { wrapper } = await mountApp() expect(wrapper.get('.home-dashboard-header h1').text()).toBe('Meldwork workspace') + expect(wrapper.get('.home-workspace-state').text()).toContain('2 Agents ready') + expect(wrapper.get('.home-panel-header h2').text()).toBe('Continue working') + expect(wrapper.findAll('.home-panel-header h2')[1].text()).toBe('Start with an Agent') + expect(wrapper.find('.home-overview-grid').exists()).toBe(false) + expect(wrapper.find('.setup-guide').exists()).toBe(false) expect(wrapper.findAll('.agent-card')).toHaveLength(0) expect(wrapper.get('.brand-button img').attributes('src')).toBe('./logos/meldwork-mark-v3.svg') + expect(wrapper.get('.brand-button').attributes('aria-current')).toBe('page') + expect(wrapper.get('.sidebar-settings-entry').attributes()).not.toHaveProperty('aria-current') await wrapper.get('.sidebar-settings-entry').trigger('click') expect(wrapper.findAll('.agent-card')).toHaveLength(AGENTS.length) expect(wrapper.get('.system-settings-header h1').text()).toBe('Settings') expect(wrapper.get('.system-settings-header p').text()).toContain('knowledge bases') + expect(wrapper.get('.sidebar-settings-entry').attributes('aria-current')).toBe('page') + expect(wrapper.get('.brand-button').attributes()).not.toHaveProperty('aria-current') const controls = wrapper.findAll('.sidebar-footer-actions button') await controls[0].trigger('click') @@ -909,6 +1059,21 @@ describe('RoundRelay workbench', () => { wrapper.unmount() }) + it('shows setup guidance only when no local Agent is ready', async () => { + const { wrapper } = await mountApp(({ state }) => { + state.agents = state.agents.map(agent => ({ + ...agent, + available: false, + credentialState: 'missing', + })) + }) + + expect(wrapper.get('.home-workspace-state').classes()).toContain('attention') + expect(wrapper.get('.home-workspace-state').text()).toContain('needs attention') + expect(wrapper.get('.setup-guide').exists()).toBe(true) + wrapper.unmount() + }) + it('returns to the workspace home from both conversations and Settings', async () => { const { wrapper } = await mountApp(({ state }) => { state.groups.push({ @@ -929,9 +1094,11 @@ describe('RoundRelay workbench', () => { await wrapper.get('.brand-button').trigger('click') expect(wrapper.find('.home-dashboard').exists()).toBe(true) expect(wrapper.find('.conversation-pane').exists()).toBe(false) + expect(wrapper.get('.brand-button').attributes('aria-current')).toBe('page') await wrapper.get('.sidebar-settings-entry').trigger('click') expect(wrapper.find('.system-settings-page').exists()).toBe(true) + expect(wrapper.get('.sidebar-settings-entry').attributes('aria-current')).toBe('page') await wrapper.get('.brand-button').trigger('click') expect(wrapper.find('.home-dashboard').exists()).toBe(true) expect(wrapper.find('.system-settings-page').exists()).toBe(false) @@ -996,16 +1163,22 @@ describe('RoundRelay workbench', () => { const appSource = readFileSync(resolve(process.cwd(), 'src/App.vue'), 'utf8') expect(source).toContain('--accent: #d45f52;') - expect(source).toContain('--accent: #61b9ae;') + expect(source).toContain('--accent: #d98568;') expect(source).toMatch(/\.mode-segmented button\[data-mode="auto"\]\.active\s*\{[^}]*background:\s*var\(--accent-soft\);/s) - expect(source).toMatch(/\.composer-attachment-button\s*\{[^}]*background:\s*var\(--surface-hover\);/s) - expect(source).toMatch(/\.composer-skill-button\s*\{[^}]*background:\s*var\(--accent-soft\);/s) - expect(source).toMatch(/:root\[data-theme="dark"\] \.send-button\s*\{[^}]*background:\s*var\(--accent\);/s) - expect(source).toContain(':root[data-theme="dark"] img[src$="/hermes.svg"] {') - expect(source).toContain('hue-rotate(124deg)') + expect(source).toMatch(/\.composer-attachment-button\s*\{[^}]*background:\s*transparent;/s) + expect(source).toMatch(/\.composer-skill-button\s*\{[^}]*background:\s*transparent;/s) + expect(source).toMatch(/:root\[data-theme="dark"\] \.send-button\s*\{[^}]*background:\s*transparent;/s) + expect(source).not.toContain(':root[data-theme="dark"] img[src$="/hermes.svg"] {') + expect(source).toMatch(/\.target-chip\s*\{[^}]*margin-left:\s*-19px;/s) + expect(source).toMatch(/\.target-row\s*\{[^}]*background:\s*transparent;/s) + expect(source).toMatch(/\.agent-card\s*\{[^}]*border:\s*0;[^}]*background:\s*color-mix/s) + expect(source).toMatch(/\.agent-capability-list > span\s*\{[^}]*border:\s*0;/s) + expect(source).toMatch(/\.settings-agent-card\.focused\s*\{[^}]*box-shadow:\s*none;/s) expect(source).not.toContain('img[src$="/hermes.svg"],\n:root[data-theme="dark"] img[src$="/opencode.svg"]') expect(appSource).toContain('composer-attachment-button') expect(appSource).toContain('composer-skill-button') + expect(appSource).toContain("modal === 'unlimited-confirm'") + expect(appSource).not.toContain('window.confirm') }) it('keeps the collapsed mobile sidebar to the expandable brand row', () => { @@ -1068,6 +1241,7 @@ describe('RoundRelay workbench', () => { await flushPromises() expect(bridge.localAgentProvider.save).toHaveBeenCalledWith('hermes', { + preset: 'official', provider: 'Local gateway', baseUrl: 'https://gateway.example/v1', model: 'roundrelay-model', @@ -1195,16 +1369,17 @@ describe('RoundRelay workbench', () => { await range.setValue(10) expect(wrapper.get('.round-settings-popover output').text()).toBe('10 rounds') await range.setValue(6) - const confirmUnlimited = vi.spyOn(window, 'confirm').mockReturnValue(true) await wrapper.get('.round-unlimited-button').trigger('click') await flushPromises() + expect(wrapper.get('.confirmation-modal-body').text()).toContain('consume more Provider quota') + expect(wrapper.find('.round-range-input').exists()).toBe(true) + await wrapper.get('.confirmation-modal-footer .primary-button').trigger('click') + await flushPromises() expect(wrapper.find('.round-range-input').exists()).toBe(false) expect(wrapper.get('.round-settings-trigger').text()).toContain('Unlimited') await wrapper.get('.round-bounded-button').trigger('click') await flushPromises() expect(wrapper.find('.round-range-input').exists()).toBe(true) - confirmUnlimited.mockRestore() - window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' })) await flushPromises() expect(wrapper.find('.round-settings-popover').exists()).toBe(false) @@ -1259,8 +1434,8 @@ describe('RoundRelay workbench', () => { await wrapper.get('.conversation-link').trigger('click') await wrapper.get('.round-settings-trigger').trigger('click') - vi.spyOn(window, 'confirm').mockReturnValue(true) await wrapper.get('.round-unlimited-button').trigger('click') + await wrapper.get('.confirmation-modal-footer .primary-button').trigger('click') await wrapper.get('.composer-box textarea').setValue('Continue until consensus') await wrapper.get('.send-button').trigger('click') await flushPromises() @@ -2174,6 +2349,39 @@ describe('RoundRelay workbench', () => { wrapper.unmount() }) + it('keeps the attachment action clickable when image support is unavailable', async () => { + const { wrapper, bridge } = await mountApp(({ state }) => { + state.agents.push({ + kind: 'workbuddy', + installed: true, + available: true, + credentialState: 'ready', + version: '1.0.0', + }) + state.groups.push({ + id: 'direct-workbuddy', + conversationType: 'direct', + directAgentKind: 'workbuddy', + name: 'WorkBuddy', + agentKinds: ['workbuddy'], + workdir: '/tmp/roundrelay-workspace', + allowWrite: false, + createdAt: '2026-07-29T08:00:00Z', + updatedAt: '2026-07-29T08:00:00Z', + }) + }) + + await wrapper.get('.direct-session-open').trigger('click') + const attachmentButton = wrapper.get('.composer-attachment-button') + expect(attachmentButton.attributes()).not.toHaveProperty('disabled') + await attachmentButton.trigger('click') + await flushPromises() + + expect(bridge.localAttachments.pickImages).not.toHaveBeenCalled() + expect(wrapper.get('.toast-message').text()).toContain('does not support image attachments') + wrapper.unmount() + }) + it('discards unsent draft images when switching conversations', async () => { const { wrapper, bridge } = await mountApp(({ state, bridge: desktopBridge }) => { state.groups.push( @@ -2625,6 +2833,8 @@ describe('RoundRelay workbench', () => { const source = readFileSync(resolve(process.cwd(), 'src/styles.css'), 'utf8') expect(source).toMatch(/\.direct-session-list::before/) expect(source).toMatch(/\.direct-session-list > \.sidebar-more-button::before/) + expect(source).toMatch(/\.direct-session-list > :last-child::before\s*\{[^}]*border-bottom-left-radius:\s*5px;/s) + expect(source).toMatch(/\.direct-session-list::before\s*\{[^}]*bottom:\s*19px;/s) expect(source).not.toMatch(/\.group-conversation-list::before/) expect(source).not.toMatch(/\.group-conversation-row::before/) diff --git a/frontend/src/__tests__/roundrelay/security.spec.js b/frontend/src/__tests__/roundrelay/security.spec.js index f6277aa..3cfb905 100644 --- a/frontend/src/__tests__/roundrelay/security.spec.js +++ b/frontend/src/__tests__/roundrelay/security.spec.js @@ -51,6 +51,7 @@ describe('renderer security policy', () => { expect(hermesSource).not.toMatch(/<(rect|image)\b/) expect(AGENTS.find(agent => agent.kind === 'codex')?.logo).toBe('./agent-logos/codex.svg') expect(AGENTS.find(agent => agent.kind === 'hermes')?.logo).toBe('./agent-logos/hermes.svg') + expect(AGENTS.find(agent => agent.kind === 'hermes')?.darkLogo).toBe('./agent-logos/hermes.png') expect(AGENTS.find(agent => agent.kind === 'openclaw')?.logo).toBe('./agent-logos/openclaw-transparent.png') const appSource = readFileSync(resolve(process.cwd(), 'src/App.vue'), 'utf8') diff --git a/frontend/src/catalog.js b/frontend/src/catalog.js index a5e300e..4417ac9 100644 --- a/frontend/src/catalog.js +++ b/frontend/src/catalog.js @@ -4,7 +4,14 @@ export function publicAsset(path) { export const AGENTS = Object.freeze([ { kind: 'codex', label: 'Codex', logo: publicAsset('agent-logos/codex.svg'), providerMode: 'responses', imageLimit: 4 }, - { kind: 'hermes', label: 'Hermes', logo: publicAsset('agent-logos/hermes.svg'), providerMode: 'compatible', imageLimit: 1 }, + { + kind: 'hermes', + label: 'Hermes', + logo: publicAsset('agent-logos/hermes.svg'), + darkLogo: publicAsset('agent-logos/hermes.png'), + providerMode: 'compatible', + imageLimit: 1, + }, { kind: 'openclaw', label: 'OpenClaw', logo: publicAsset('agent-logos/openclaw-transparent.png'), providerMode: 'compatible', imageLimit: 0 }, { kind: 'workbuddy', label: 'WorkBuddy', logo: publicAsset('agent-logos/workbuddy.png'), providerMode: 'experimental', imageLimit: 0 }, { kind: 'kimi', label: 'Kimi Code', logo: publicAsset('agent-logos/kimi.png'), providerMode: 'native', imageLimit: 0 }, @@ -25,6 +32,7 @@ export function agentLabel(kind) { return agentProfile(kind).label } -export function agentLogo(kind) { - return agentProfile(kind).logo +export function agentLogo(kind, displayTheme = '') { + const profile = agentProfile(kind) + return displayTheme === 'dark' && profile.darkLogo ? profile.darkLogo : profile.logo } diff --git a/frontend/src/i18n.js b/frontend/src/i18n.js index ea35edb..7bbba4f 100644 --- a/frontend/src/i18n.js +++ b/frontend/src/i18n.js @@ -57,7 +57,9 @@ const messages = { 'home.title': 'Local Agents', 'home.subtitle': 'Agents installed or available for installation on this computer.', 'home.dashboardTitle': 'Meldwork workspace', - 'home.dashboardSubtitle': 'See what is ready, resume a conversation, or start a new group task.', + 'home.dashboardSubtitle': 'Resume a local task or start a focused conversation with an Agent.', + 'home.workspaceSummary': '{agents} Agents ready, {conversations} local conversations', + 'home.setupNeeded': 'Local setup needs attention', 'home.overview': 'Workspace overview', 'home.readyAgents': 'Ready Agents', 'home.installedAgents': '{count} installed locally', @@ -67,11 +69,11 @@ const messages = { 'home.knowledgeTotal': '{count} local sources', 'home.conversations': 'Conversations', 'home.activeRuns': '{count} active runs', - 'home.recentTitle': 'Recent conversations', - 'home.recentSubtitle': 'Pick up where the local workspace left off.', + 'home.recentTitle': 'Continue working', + 'home.recentSubtitle': 'Open a recent conversation and continue from its local context.', 'home.recentEmpty': 'Create a group or direct chat to start building your local history.', - 'home.agentStatusTitle': 'Ready to work', - 'home.agentStatusSubtitle': 'Local Agents available for a direct chat.', + 'home.agentStatusTitle': 'Start with an Agent', + 'home.agentStatusSubtitle': 'Open a focused direct conversation without creating a group.', 'home.noReadyAgents': 'No ready Agent has been detected yet.', 'home.openSettings': 'Open Agent settings', 'home.refresh': 'Detect again', @@ -199,6 +201,7 @@ const messages = { 'composer.maxRounds': 'Maximum rounds', 'composer.unlimitedRounds': 'Unlimited', 'composer.unlimitedHint': 'The group will continue until consensus, timeout, or manual stop.', + 'composer.unlimitedConfirmTitle': 'Continue with unlimited discussion?', 'composer.unlimitedConfirm': 'Unlimited automatic discussion can run for a long time and consume more Provider quota. Continue?', 'composer.useBoundedRounds': 'Use bounded rounds', 'composer.addTarget': 'Include {agent}', @@ -254,11 +257,12 @@ const messages = { 'systemSettings.providerForAgent': 'Provider', 'systemSettings.openAgentDetail': 'View {agent} details', 'systemSettings.openAgentDetailDefault': 'Agent details', - 'knowledgeBase.title': 'Knowledge sources', + 'knowledgeBase.title': 'Knowledge bases', 'knowledgeBase.readyCount': '{ready} ready, {total} total', - 'knowledgeBase.subtitle': 'Connect Feishu, DingTalk, or Obsidian as local knowledge inputs.', - 'knowledgeBase.group.local': 'Local sources', + 'knowledgeBase.subtitle': 'Connect local document sources and verify the access available to Meldwork.', + 'knowledgeBase.group.local': 'Local connections', 'knowledgeBase.group.planned': 'Coming soon', + 'knowledgeBase.group.plannedHint': 'Reference links only. These connectors are not active yet.', 'knowledgeBase.refresh': 'Refresh status', 'knowledgeBase.source.feishu': 'Feishu Docs', 'knowledgeBase.source.dingtalk': 'DingTalk Docs', @@ -274,13 +278,13 @@ const messages = { 'knowledgeBase.badge.confluence': 'CF', 'knowledgeBase.badge.googledrive': 'GD', 'knowledgeBase.badge.sharepoint': 'SP', - 'knowledgeBase.description.feishu': 'Cloud knowledge in Feishu documents, with local CLI login and permission checks.', - 'knowledgeBase.description.dingtalk': 'Cloud knowledge in DingTalk documents, with local CLI login and permission checks.', - 'knowledgeBase.description.obsidian': 'A local Obsidian vault stays on disk and can be selected directly.', - 'knowledgeBase.description.notion': 'Planned Notion support for pages and databases. Connection is not available in this version.', - 'knowledgeBase.description.confluence': 'Planned Confluence support for spaces and pages. Connection is not available in this version.', - 'knowledgeBase.description.googledrive': 'Planned Google Drive support for documents and folders. Connection is not available in this version.', - 'knowledgeBase.description.sharepoint': 'Planned SharePoint support for sites and document libraries. Connection is not available in this version.', + 'knowledgeBase.description.feishu': 'Use Feishu documents through the locally installed Lark CLI.', + 'knowledgeBase.description.dingtalk': 'Use DingTalk documents through the locally installed DWS CLI.', + 'knowledgeBase.description.obsidian': 'Use a vault selected from this Mac.', + 'knowledgeBase.description.notion': 'Pages and databases', + 'knowledgeBase.description.confluence': 'Spaces and pages', + 'knowledgeBase.description.googledrive': 'Documents and folders', + 'knowledgeBase.description.sharepoint': 'Sites and document libraries', 'knowledgeBase.status.obsidianMissing': 'Obsidian not installed', 'knowledgeBase.status.obsidianNeedVault': 'Vault not selected', 'knowledgeBase.status.cliMissing': 'CLI not installed', @@ -292,6 +296,9 @@ const messages = { 'knowledgeBase.status.error': 'Detection failed', 'knowledgeBase.status.ready': 'Ready', 'knowledgeBase.status.comingSoon': 'Coming soon', + 'knowledgeBase.fact.connection': 'Connection', + 'knowledgeBase.fact.read': 'Read', + 'knowledgeBase.fact.write': 'Write', 'knowledgeBase.tag.mode.cli': 'Official CLI', 'knowledgeBase.tag.mode.vault': 'Local vault', 'knowledgeBase.tag.mode.oauth': 'OAuth', @@ -329,15 +336,15 @@ const messages = { 'knowledgeBase.hint.remoteNeedPermission': 'Grant read/write scopes for the selected workspace or site.', 'knowledgeBase.hint.remoteReady': 'This remote knowledge base is connected and ready for local use.', 'knowledgeBase.hint.comingSoon': 'This integration is not available yet. The official documentation is provided for reference and does not connect your workspace.', - 'knowledgeBase.action.installCli': 'Install CLI', - 'knowledgeBase.action.goLogin': 'Go to login', - 'knowledgeBase.action.grantPermission': 'Grant permission', + 'knowledgeBase.action.installCli': 'Open install guide', + 'knowledgeBase.action.goLogin': 'Open login guide', + 'knowledgeBase.action.grantPermission': 'Open permission guide', 'knowledgeBase.action.recheck': 'Recheck', 'knowledgeBase.action.openSetupGuide': 'Open setup guide', 'knowledgeBase.action.openInstallPage': 'Open install guide', 'knowledgeBase.action.openLoginPage': 'Open login guide', 'knowledgeBase.action.openPermissionPage': 'Open permission guide', - 'knowledgeBase.action.installObsidian': 'Download Obsidian', + 'knowledgeBase.action.installObsidian': 'Open download page', 'knowledgeBase.action.pickDirectory': 'Choose vault directory', 'knowledgeBase.action.changeDirectory': 'Change directory', 'knowledgeBase.action.viewDocumentation': 'View official docs', @@ -373,6 +380,10 @@ const messages = { 'provider.title': 'Agent Provider', 'provider.subtitle': 'Each Agent keeps its own Provider profile, with official, OpenRouter, and custom options.', 'provider.configuredCount': '{configured} ready of {total}', + 'provider.activeProfile': '{provider} active', + 'provider.active': 'Active', + 'provider.useProfile': 'Use {provider}', + 'provider.switchUnavailable': 'Provider switching is unavailable in this desktop bridge.', 'provider.capability.compatible': 'OpenAI-compatible endpoints', 'provider.capability.experimental': 'OpenAI-compatible, experimental', 'provider.capability.responses': 'Responses API only', @@ -380,16 +391,12 @@ const messages = { 'provider.capability.native': 'CLI-native configuration', 'provider.nativeTitle': 'Use the Agent CLI configuration', 'provider.nativeBody': 'This Agent owns its Provider settings locally. Keep the official source selected and manage credentials in the CLI configuration shown below.', - 'provider.nativeConfiguredHint': 'Native CLI configuration is selected', 'provider.nativeOverrideTitle': 'Meldwork override is still active', - 'provider.nativeOverrideBody': 'Selecting Official does not remove the saved override. Remove it below before this Agent can return to its native CLI configuration.', - 'provider.nativeOverrideFooterHint': 'Remove the saved override before the native CLI configuration can take effect.', + 'provider.nativeOverrideBody': 'Selecting Official keeps the saved override active. Complete the two-step removal in this warning before the Agent can return to its native CLI configuration.', 'provider.nativeStatusCheckingTitle': 'Checking saved overrides', 'provider.nativeStatusCheckingBody': 'Meldwork is checking whether this Agent has a saved Provider override.', 'provider.nativeStatusErrorTitle': 'Provider status could not be verified', - 'provider.nativeStatusErrorBody': 'Meldwork could not verify whether a saved override is active. Native CLI configuration is not assumed until this check succeeds.', - 'provider.nativeStatusErrorFooterHint': 'Provider status is unavailable. Reopen this Agent or retry after local credential access is restored.', - 'provider.nativeDetectedHint': 'A usable native CLI credential was detected. Saving a profile below creates a Meldwork-managed override for this Agent.', + 'provider.nativeStatusErrorBody': 'Meldwork could not verify whether a saved override is active. Retry the check before relying on native CLI configuration.', 'provider.agentTitle': '{agent} Provider', 'provider.agentSpecificHint': 'This connection is used only by the selected Agent. Other Agents keep their own Provider profile or native sign-in.', 'provider.source': 'Provider source', @@ -439,6 +446,7 @@ const messages = { 'provider.keyRequired': 'Enter an API key.', 'common.close': 'Close', 'common.cancel': 'Cancel', + 'common.confirm': 'Confirm', 'common.save': 'Save', 'common.saving': 'Saving', 'common.loading': 'Loading', @@ -555,7 +563,9 @@ const messages = { 'home.title': '本地 Agent', 'home.subtitle': '这台电脑上已安装或可安装的 Agent。', 'home.dashboardTitle': 'Meldwork 工作台', - 'home.dashboardSubtitle': '查看当前可用状态，继续最近会话，或开始新的群聊任务。', + 'home.dashboardSubtitle': '继续本地任务，或直接与一个 Agent 开始专注对话。', + 'home.workspaceSummary': '{agents} 个 Agent 可用，{conversations} 个本地会话', + 'home.setupNeeded': '本地配置需要处理', 'home.overview': '工作台概览', 'home.readyAgents': '可用 Agent', 'home.installedAgents': '本机已安装 {count} 个', @@ -565,11 +575,11 @@ const messages = { 'home.knowledgeTotal': '共 {count} 个本地来源', 'home.conversations': '会话', 'home.activeRuns': '{count} 个正在运行', - 'home.recentTitle': '最近会话', - 'home.recentSubtitle': '继续本地工作台里最近进行的工作。', + 'home.recentTitle': '继续工作', + 'home.recentSubtitle': '打开最近会话，并沿用已有的本地上下文。', 'home.recentEmpty': '创建群聊或单聊后，最近会话会显示在这里。', - 'home.agentStatusTitle': '可立即工作', - 'home.agentStatusSubtitle': '当前可直接发起单聊的本地 Agent。', + 'home.agentStatusTitle': '从 Agent 开始', + 'home.agentStatusSubtitle': '无需创建群聊，直接开始一段专注的单聊。', 'home.noReadyAgents': '暂时没有检测到可用的 Agent。', 'home.openSettings': '打开 Agent 设置', 'home.refresh': '重新检测', @@ -697,6 +707,7 @@ const messages = { 'composer.maxRounds': '最大轮数', 'composer.unlimitedRounds': '不限制', 'composer.unlimitedHint': '群聊会持续到达成共识、超时或手动停止。', + 'composer.unlimitedConfirmTitle': '继续使用不限制轮数吗？', 'composer.unlimitedConfirm': '不限制的自动讨论可能运行较久并消耗更多 Provider 额度，是否继续？', 'composer.useBoundedRounds': '改回固定轮数', 'composer.addTarget': '加入 {agent}', @@ -752,11 +763,12 @@ const messages = { 'systemSettings.providerForAgent': 'Provider', 'systemSettings.openAgentDetail': '查看 {agent} 详情', 'systemSettings.openAgentDetailDefault': 'Agent 详情', - 'knowledgeBase.title': '知识源', + 'knowledgeBase.title': '知识库', 'knowledgeBase.readyCount': '已就绪 {ready} / 共 {total}', - 'knowledgeBase.subtitle': '连接飞书、钉钉或 Obsidian 作为本地知识输入。', - 'knowledgeBase.group.local': '本地来源', + 'knowledgeBase.subtitle': '连接本地文档源，并确认 Meldwork 当前具备的访问能力。', + 'knowledgeBase.group.local': '本机接入', 'knowledgeBase.group.planned': '即将支持', + 'knowledgeBase.group.plannedHint': '仅提供官方资料入口，当前版本尚未开放连接。', 'knowledgeBase.refresh': '刷新状态', 'knowledgeBase.source.feishu': '飞书文档', 'knowledgeBase.source.dingtalk': '钉钉文档', @@ -772,13 +784,13 @@ const messages = { 'knowledgeBase.badge.confluence': 'CF', 'knowledgeBase.badge.googledrive': 'GD', 'knowledgeBase.badge.sharepoint': 'SP', - 'knowledgeBase.description.feishu': '飞书文档里的云端知识，依赖本地 CLI 的登录与权限检测。', - 'knowledgeBase.description.dingtalk': '钉钉文档里的云端知识，依赖本地 CLI 的登录与权限检测。', - 'knowledgeBase.description.obsidian': 'Obsidian 的本地知识库保留在磁盘上，可以直接选择目录。', - 'knowledgeBase.description.notion': '计划接入 Notion 页面和数据库，当前版本暂不支持连接。', - 'knowledgeBase.description.confluence': '计划接入 Confluence 空间和页面，当前版本暂不支持连接。', - 'knowledgeBase.description.googledrive': '计划接入 Google Drive 文档和文件夹，当前版本暂不支持连接。', - 'knowledgeBase.description.sharepoint': '计划接入 SharePoint 站点和文档库，当前版本暂不支持连接。', + 'knowledgeBase.description.feishu': '通过本机 Lark CLI 使用飞书文档。', + 'knowledgeBase.description.dingtalk': '通过本机 DWS CLI 使用钉钉文档。', + 'knowledgeBase.description.obsidian': '选择这台 Mac 上的本地库目录。', + 'knowledgeBase.description.notion': '页面和数据库', + 'knowledgeBase.description.confluence': '空间和页面', + 'knowledgeBase.description.googledrive': '文档和文件夹', + 'knowledgeBase.description.sharepoint': '站点和文档库', 'knowledgeBase.status.obsidianMissing': 'Obsidian 未安装', 'knowledgeBase.status.obsidianNeedVault': '尚未选择库目录', 'knowledgeBase.status.cliMissing': 'CLI 未安装', @@ -790,6 +802,9 @@ const messages = { 'knowledgeBase.status.error': '检测失败', 'knowledgeBase.status.ready': '已就绪', 'knowledgeBase.status.comingSoon': '即将支持', + 'knowledgeBase.fact.connection': '接入方式', + 'knowledgeBase.fact.read': '读取', + 'knowledgeBase.fact.write': '写入', 'knowledgeBase.tag.mode.cli': '官方 CLI', 'knowledgeBase.tag.mode.vault': '本地库', 'knowledgeBase.tag.mode.oauth': 'OAuth', @@ -827,15 +842,15 @@ const messages = { 'knowledgeBase.hint.remoteNeedPermission': '为选中的工作区或站点授予读写权限范围。', 'knowledgeBase.hint.remoteReady': '这个远程知识源已连接，可在本地使用。', 'knowledgeBase.hint.comingSoon': '当前版本尚未提供该连接能力；官方文档仅供参考，打开后不会连接你的工作区。', - 'knowledgeBase.action.installCli': '安装 CLI', - 'knowledgeBase.action.goLogin': '去登录', - 'knowledgeBase.action.grantPermission': '去授权', + 'knowledgeBase.action.installCli': '打开安装指引', + 'knowledgeBase.action.goLogin': '打开登录指引', + 'knowledgeBase.action.grantPermission': '打开授权指引', 'knowledgeBase.action.recheck': '重新检测', 'knowledgeBase.action.openSetupGuide': '打开接入指引', 'knowledgeBase.action.openInstallPage': '打开安装指引', 'knowledgeBase.action.openLoginPage': '打开登录指引', 'knowledgeBase.action.openPermissionPage': '打开授权指引', - 'knowledgeBase.action.installObsidian': '下载 Obsidian', + 'knowledgeBase.action.installObsidian': '打开下载页', 'knowledgeBase.action.pickDirectory': '选择库目录', 'knowledgeBase.action.changeDirectory': '更换目录', 'knowledgeBase.action.viewDocumentation': '查看官方文档', @@ -871,6 +886,10 @@ const messages = { 'provider.title': 'Agent Provider', 'provider.subtitle': '每个 Agent 都有独立 Provider 档案，可选择官方、OpenRouter 或自定义配置。', 'provider.configuredCount': '已就绪 {configured} / 共 {total}', + 'provider.activeProfile': '当前使用 {provider}', + 'provider.active': '当前使用', + 'provider.useProfile': '使用 {provider}', + 'provider.switchUnavailable': '当前桌面桥接不支持切换 Provider。', 'provider.capability.compatible': '支持 OpenAI 兼容端点', 'provider.capability.experimental': '支持 OpenAI 兼容端点，实验性', 'provider.capability.responses': '仅支持 Responses API', @@ -878,16 +897,12 @@ const messages = { 'provider.capability.native': '使用 CLI 原生配置', 'provider.nativeTitle': '使用 Agent CLI 的原生配置', 'provider.nativeBody': '这个 Agent 自己管理本地 Provider 设置。保持官方来源，并按下方显示的 CLI 配置说明管理凭据。', - 'provider.nativeConfiguredHint': '当前使用 CLI 原生配置', 'provider.nativeOverrideTitle': 'Meldwork 覆盖配置仍在生效', - 'provider.nativeOverrideBody': '选择“官方”不会删除已保存的覆盖配置。必须先在下方移除覆盖配置，这个 Agent 才会回到 CLI 原生配置。', - 'provider.nativeOverrideFooterHint': '先移除已保存的覆盖配置，CLI 原生配置才会生效。', + 'provider.nativeOverrideBody': '选择“官方”不会停用已保存的覆盖配置。请在此警告中完成两步移除，之后该 Agent 才会回到 CLI 原生配置。', 'provider.nativeStatusCheckingTitle': '正在检查覆盖配置', 'provider.nativeStatusCheckingBody': 'Meldwork 正在确认这个 Agent 是否存在已保存的 Provider 覆盖配置。', 'provider.nativeStatusErrorTitle': '无法验证 Provider 状态', - 'provider.nativeStatusErrorBody': 'Meldwork 无法确认已保存的覆盖配置是否仍在生效。在检查成功前，不会假定已经切回 CLI 原生配置。', - 'provider.nativeStatusErrorFooterHint': 'Provider 状态当前不可用，请重新打开该 Agent，或在本地凭据恢复访问后重试。', - 'provider.nativeDetectedHint': '已检测到可用的 CLI 原生凭据；在下方保存后，将为当前 Agent 创建由 Meldwork 管理的独立覆盖配置。', + 'provider.nativeStatusErrorBody': 'Meldwork 无法确认已保存的覆盖配置是否仍在生效。请先重试检查，再依赖 CLI 原生配置。', 'provider.agentTitle': '{agent} Provider', 'provider.agentSpecificHint': '该连接仅供当前 Agent 使用，其他 Agent 继续使用各自的 Provider 档案或原生登录。', 'provider.source': 'Provider 来源', @@ -937,6 +952,7 @@ const messages = { 'provider.keyRequired': '请输入 API Key。', 'common.close': '关闭', 'common.cancel': '取消', + 'common.confirm': '确认', 'common.save': '保存', 'common.saving': '保存中', 'common.loading': '加载中', diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 7902fab..03e96b3 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -30,25 +30,25 @@ :root[data-theme="dark"] { color-scheme: dark; - --bg: #0e171d; - --sidebar: #141f26; - --surface: #16242c; - --surface-raised: #1d2d36; - --surface-hover: #22343e; - --surface-active: #293c47; - --border: #344953; - --border-strong: #4a626d; - --text: #e6eff1; - --text-soft: #c2d2d6; - --muted: #8da3aa; - --faint: #687f88; - --accent: #61b9ae; - --accent-hover: #7bcac0; - --accent-soft: #173c3d; - --accent-contrast: #081817; + --bg: #121516; + --sidebar: #191c1e; + --surface: #1b1f21; + --surface-raised: #24292c; + --surface-hover: #292e31; + --surface-active: #30363a; + --border: #3a4246; + --border-strong: #515b60; + --text: #e6ebed; + --text-soft: #c3cdd1; + --muted: #93a0a5; + --faint: #707b80; + --accent: #d98568; + --accent-hover: #efa080; + --accent-soft: #3b2a24; + --accent-contrast: #1b110d; --danger: #ee817c; --danger-soft: #402326; - --shadow: 0 16px 42px rgb(0 8 12 / 0.42); + --shadow: 0 16px 42px rgb(0 0 0 / 0.42); } * { @@ -379,10 +379,15 @@ button svg { } .brand-button strong { + color: var(--text-soft); font-size: 15px; line-height: 1.2; } +.brand-button.active strong { + color: var(--accent); +} + .brand-button small { overflow: hidden; color: var(--muted); @@ -672,7 +677,7 @@ button svg { content: ""; position: absolute; top: 17px; - bottom: 15px; + bottom: 19px; left: 4px; width: 1px; border-radius: 1px; @@ -680,6 +685,10 @@ button svg { opacity: 0.82; } +.direct-session-list:has(> .sidebar-more-button)::before { + bottom: 17px; +} + .direct-session-row { position: relative; min-width: 0; @@ -707,6 +716,16 @@ button svg { pointer-events: none; } +.direct-session-list > :last-child::before { + top: 0; + width: 7px; + height: calc(50% + 1px); + border-bottom: 1px solid var(--border); + border-left: 1px solid var(--border); + border-bottom-left-radius: 5px; + background: transparent; +} + .direct-session-row:hover { background: var(--surface-hover); } @@ -1036,21 +1055,22 @@ button svg { .home-dashboard { display: grid; align-content: start; - gap: 18px; + gap: 30px; } .home-dashboard-header, -.home-overview-grid, .home-dashboard-grid { - width: min(1180px, 100%); + width: min(1080px, 100%); margin: 0 auto; } .home-dashboard-header { display: flex; - align-items: flex-start; + align-items: flex-end; justify-content: space-between; gap: 24px; + padding-bottom: 22px; + border-bottom: 1px solid var(--border); } .home-dashboard-header h1, @@ -1066,82 +1086,58 @@ button svg { } .home-dashboard-header p { - max-width: 620px; + max-width: 580px; margin-top: 7px; color: var(--muted); line-height: 1.5; } -.home-dashboard-actions { - display: flex; +.home-workspace-state { + flex: 0 0 auto; + display: inline-flex; align-items: center; - gap: 8px; -} - -.home-overview-grid { - display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); - border-block: 1px solid var(--border); -} - -.home-overview-item { - min-width: 0; - display: grid; - gap: 4px; - padding: 14px 18px; -} - -.home-overview-item + .home-overview-item { - border-left: 1px solid var(--border); -} - -.home-overview-item > span, -.home-overview-item small { - overflow: hidden; + gap: 7px; + padding-bottom: 2px; color: var(--muted); - text-overflow: ellipsis; + font-size: 11px; + font-weight: 650; white-space: nowrap; } -.home-overview-item > span { - font-size: 11px; - font-weight: 650; +.home-workspace-state svg { + width: 15px; + height: 15px; + color: var(--accent); } -.home-overview-item strong { - font-size: 24px; - font-variant-numeric: tabular-nums; - line-height: 1.1; -} - -.home-overview-item small { - color: var(--faint); - font-size: 10px; +.home-workspace-state.attention, +.home-workspace-state.attention svg { + color: var(--danger); } .home-dashboard-grid { display: grid; - grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr); - align-items: stretch; - gap: 14px; + grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.75fr); + align-items: start; + gap: 42px; } .home-panel { min-width: 0; - overflow: hidden; - border: 1px solid var(--border); + padding: 0 12px 12px; + border: 0; border-radius: var(--radius); - background: var(--surface-raised); + background: color-mix(in srgb, var(--surface) 58%, var(--bg)); + box-shadow: none; } .home-panel-header { - min-height: 66px; + min-height: 70px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; - padding: 14px 16px 12px; - border-bottom: 1px solid var(--border); + padding: 14px 4px 10px; } .home-panel-header h2 { @@ -1155,16 +1151,11 @@ button svg { line-height: 1.45; } -.home-panel-header .icon-button { - width: 30px; - height: 30px; - flex: 0 0 30px; -} - .home-recent-list, .home-agent-list { display: grid; - padding: 6px; + gap: 2px; + padding: 2px 0 0; } .home-recent-item, @@ -1180,12 +1171,12 @@ button svg { } .home-recent-item { - min-height: 50px; + min-height: 54px; display: grid; grid-template-columns: 30px minmax(0, 1fr) 18px 16px; align-items: center; gap: 10px; - padding: 6px 9px; + padding: 7px 8px; } .home-recent-item:hover, @@ -1202,7 +1193,7 @@ button svg { display: grid; place-items: center; border-radius: 6px; - background: var(--surface); + background: transparent; color: var(--accent); } @@ -1264,19 +1255,19 @@ button svg { .home-agent-item > svg { width: 15px; height: 15px; - color: var(--accent); + color: var(--faint); } .home-panel-empty { - min-height: 176px; + min-height: 170px; display: flex; flex-direction: column; - align-items: center; + align-items: flex-start; justify-content: center; gap: 9px; - padding: 24px; + padding: 22px 8px; color: var(--muted); - text-align: center; + text-align: left; } .home-panel-empty svg { @@ -1292,17 +1283,8 @@ button svg { line-height: 1.5; } -.home-panel-footer { - display: flex; - align-items: center; - justify-content: flex-end; - gap: 8px; - padding: 10px 12px; - border-top: 1px solid var(--border); -} - .home-dashboard > .setup-guide { - width: min(1180px, 100%); + width: min(1080px, 100%); margin: 0 auto; } @@ -1380,6 +1362,9 @@ button svg { } .provider-settings-panel { + --provider-success: #4f7564; + --provider-success-soft: #e7efeb; + --provider-success-border: #b8cec3; display: grid; grid-template-areas: "header header" @@ -1391,6 +1376,12 @@ button svg { overflow: hidden; } +:root[data-theme="dark"] .provider-settings-panel { + --provider-success: #8eb19f; + --provider-success-soft: #24332c; + --provider-success-border: #405f51; +} + .provider-page-header { grid-area: header; min-width: 0; @@ -1436,12 +1427,12 @@ button svg { .provider-agent-list button { width: 100%; - min-height: 56px; + min-height: 46px; display: grid; - grid-template-columns: 32px minmax(0, 1fr) 18px; + grid-template-columns: 28px minmax(0, 1fr) 16px; align-items: center; - gap: 10px; - padding: 7px 9px; + gap: 9px; + padding: 6px 8px; border: 0; border-radius: var(--radius-sm); background: transparent; @@ -1461,12 +1452,12 @@ button svg { } .provider-agent-list img { - width: 30px; - height: 30px; + width: 26px; + height: 26px; object-fit: contain; } -.provider-agent-list span { +.provider-agent-copy { min-width: 0; display: flex; flex-direction: column; @@ -1486,7 +1477,7 @@ button svg { } .provider-agent-list small.connected { - color: var(--accent); + color: var(--provider-success); } .provider-agent-list small.checking { @@ -1497,11 +1488,6 @@ button svg { color: var(--muted); } -.provider-agent-list small.provider-agent-mode { - color: var(--faint); - font-size: 9px; -} - .provider-agent-list svg { width: 16px; height: 16px; @@ -1509,12 +1495,12 @@ button svg { } .provider-agent-list svg.ready { - color: var(--accent); + color: var(--provider-success); } .provider-editor { grid-area: editor; - width: min(680px, 100%); + width: min(760px, 100%); min-height: 0; overflow: auto; padding-right: 4px; @@ -1543,6 +1529,49 @@ button svg { font-size: 18px; } +.provider-editor-title { + min-width: 0; +} + +.provider-editor-tags, +.provider-profile-summary { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} + +.provider-editor-tags { + margin-top: 6px; +} + +.provider-editor-tags span, +.provider-profile-summary span, +.provider-profile-summary code { + max-width: 100%; + overflow: hidden; + padding: 3px 6px; + border: 0; + border-radius: 4px; + background: color-mix(in srgb, var(--surface-hover) 62%, transparent); + color: var(--muted); + font-size: 10px; + line-height: 1.25; + text-overflow: ellipsis; + white-space: nowrap; +} + +.provider-editor-tags span.connected, +.provider-editor-tags span.active, +.provider-profile-summary span.active { + background: var(--accent-soft); + color: var(--accent); +} + +.provider-editor-tags span.warning { + color: var(--danger); +} + .provider-editor-header p, .provider-agent-hint { margin-top: 4px; @@ -1559,56 +1588,53 @@ button svg { font-weight: 650; } -.provider-native-detected-note { - display: grid; - grid-template-columns: 17px minmax(0, 1fr); - align-items: start; - gap: 7px; - margin: 0; - padding: 9px 10px; - border-radius: var(--radius-sm); - background: var(--accent-soft); - color: var(--text-soft); - font-size: 10px; - line-height: 1.45; -} - -.provider-native-detected-note svg { - width: 15px; - height: 15px; - margin-top: 1px; - color: var(--accent); -} - .provider-source-section { display: grid; - gap: 8px; + gap: 7px; } -.provider-source-section > span { +.provider-source-heading { + display: flex; + align-items: baseline; + justify-content: space-between; + gap: 12px; +} + +.provider-source-heading > span { color: var(--text-soft); font-size: 12px; font-weight: 650; } +.provider-source-heading small { + min-width: 0; + overflow: hidden; + color: var(--muted); + font-size: 10px; + text-overflow: ellipsis; + white-space: nowrap; +} + .provider-source-options { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 7px; + width: 100%; + display: flex; + flex-wrap: wrap; + gap: 6px; } .provider-source-options button { min-width: 0; - min-height: 62px; - display: flex; + min-height: 36px; + display: inline-flex; + flex: 1 1 120px; flex-direction: column; align-items: flex-start; justify-content: center; - gap: 3px; - padding: 9px 10px; - border: 1px solid var(--border); + gap: 2px; + padding: 6px 10px; + border: 0; border-radius: var(--radius-sm); - background: var(--surface-raised); + background: color-mix(in srgb, var(--surface-hover) 58%, transparent); color: var(--text-soft); text-align: left; cursor: pointer; @@ -1616,38 +1642,68 @@ button svg { .provider-source-options button:hover, .provider-source-options button:focus-visible { - border-color: var(--border-strong); background: var(--surface-hover); color: var(--text); } .provider-source-options button.active { - border-color: var(--accent); background: var(--accent-soft); color: var(--text); } .provider-source-options strong { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; + font-size: 11px; white-space: nowrap; } -.provider-source-options strong { - font-size: 12px; -} - .provider-source-options small { - display: -webkit-box; - max-width: 100%; - overflow: hidden; color: var(--muted); font-size: 9px; - line-height: 1.35; - white-space: normal; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; + white-space: nowrap; +} + +.provider-source-options small.active, +.provider-source-options small.configured { + color: var(--accent); +} + +.provider-source-description { + max-width: 62ch; + margin: 0; + color: var(--muted); + font-size: 10px; + line-height: 1.5; +} + +.provider-inline-warning { + display: flex; + align-items: center; + justify-content: space-between; + gap: 10px; + color: var(--danger); + font-size: 11px; +} + +.provider-inline-warning button { + min-height: 28px; + display: inline-flex; + align-items: center; + gap: 5px; + padding: 0 6px; + border: 0; + border-radius: var(--radius-sm); + background: transparent; + color: inherit; + cursor: pointer; +} + +.provider-inline-warning button:hover { + background: var(--danger-soft); +} + +.provider-inline-warning svg { + width: 14px; + height: 14px; } .provider-native-card, @@ -1672,6 +1728,15 @@ button svg { color: var(--accent); } +.provider-native-card.success { + border-color: var(--provider-success-border); + background: var(--provider-success-soft); +} + +.provider-native-card.success > svg { + color: var(--provider-success); +} + .provider-native-card.warning { border-color: color-mix(in srgb, var(--danger) 30%, var(--border)); background: var(--danger-soft); @@ -1681,6 +1746,53 @@ button svg { color: var(--danger); } +.provider-native-card-content { + min-width: 0; +} + +.provider-native-heading { + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 10px; +} + +.provider-native-state { + flex: 0 0 auto; + padding: 2px 6px; + border-radius: 999px; + background: var(--surface-hover); + color: var(--muted); + font-size: 9px; + font-weight: 650; + white-space: nowrap; +} + +.provider-native-state.connected { + background: var(--provider-success-soft); + color: var(--provider-success); +} + +.provider-native-card.warning .provider-native-state { + background: var(--danger-soft); + color: var(--danger); +} + +.provider-native-actions { + display: flex; + align-items: center; + gap: 7px; + margin-top: 10px; +} + +.provider-native-actions .danger-button, +.provider-native-actions .provider-status-retry { + min-height: 30px; + margin-left: 0; + padding: 0 9px; + font-size: 10px; +} + .provider-native-card strong, .provider-native-card p, .provider-doc-card strong, @@ -1704,6 +1816,28 @@ button svg { line-height: 1.5; } +.provider-external-fields { + display: grid; + grid-template-areas: + "name model" + "url url" + "key key"; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 14px 10px; +} + +.provider-external-fields > label { + min-width: 0; + display: flex; + flex-direction: column; + gap: 7px; +} + +.provider-field-name { grid-area: name; } +.provider-field-url { grid-area: url; } +.provider-field-model { grid-area: model; } +.provider-field-key { grid-area: key; } + .provider-doc-card { display: grid; gap: 11px; @@ -1748,18 +1882,6 @@ button svg { white-space: nowrap; } -.provider-native-footer-note { - max-width: 360px; - color: var(--muted); - font-size: 10px; - line-height: 1.45; - text-align: right; -} - -.provider-native-footer-note.warning { - color: var(--danger); -} - .provider-editor-footer { display: flex; align-items: center; @@ -1767,6 +1889,18 @@ button svg { padding-top: 4px; } +.provider-activate-button { + border: 0; + background: var(--accent-soft); + color: var(--accent); +} + +.provider-activate-button:hover { + border: 0; + background: color-mix(in srgb, var(--accent-soft) 78%, var(--surface-hover)); + color: var(--accent-hover); +} + .home-header { max-width: 1180px; margin: 0 auto; @@ -1958,14 +2092,14 @@ button svg { .agent-card { min-width: 0; overflow: hidden; - border: 1px solid var(--border); + border: 0; border-radius: var(--radius); - background: var(--surface); + background: color-mix(in srgb, var(--surface) 58%, var(--bg)); + transition: background 0.14s ease; } .agent-card:hover { - border-color: var(--border-strong); - background: var(--surface-raised); + background: color-mix(in srgb, var(--surface-raised) 62%, var(--bg)); } .agent-card-main { @@ -2062,8 +2196,9 @@ button svg { max-width: 100%; overflow: hidden; padding: 2px 5px; - border: 1px solid var(--border); + border: 0; border-radius: 4px; + background: color-mix(in srgb, var(--surface-hover) 54%, transparent); color: var(--muted); font-size: 10px; line-height: 1.3; @@ -2110,12 +2245,12 @@ button svg { } .settings-agent-card { - background: var(--surface-raised); + background: color-mix(in srgb, var(--surface) 58%, var(--bg)); } .settings-agent-card.focused { - border-color: var(--accent); - box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); + background: color-mix(in srgb, var(--accent-soft) 34%, var(--surface)); + box-shadow: none; } .settings-agent-card .agent-card-main { @@ -2146,13 +2281,13 @@ button svg { .knowledge-base-panel { display: grid; align-content: start; - gap: 12px; + gap: 18px; margin-top: 18px; } .knowledge-base-header { display: flex; - align-items: flex-start; + align-items: center; justify-content: space-between; gap: 16px; } @@ -2163,12 +2298,26 @@ button svg { } .knowledge-base-header p { - max-width: 720px; + max-width: 620px; margin: 5px 0 0; color: var(--muted); line-height: 1.5; } +.knowledge-base-header-actions { + display: flex; + align-items: center; + gap: 12px; + flex: 0 0 auto; +} + +.knowledge-base-ready-summary { + color: var(--text-soft); + font-size: 12px; + font-weight: 650; + white-space: nowrap; +} + .knowledge-base-groups, .knowledge-base-group { min-width: 0; @@ -2177,17 +2326,17 @@ button svg { } .knowledge-base-groups { - gap: 18px; + gap: 22px; } .knowledge-base-group { - gap: 8px; + gap: 10px; } .knowledge-base-group-header { - min-height: 22px; display: flex; - align-items: center; + align-items: baseline; + gap: 10px; } .knowledge-base-group-header h3 { @@ -2197,60 +2346,39 @@ button svg { font-weight: 700; } +.knowledge-base-group-header p { + margin: 0; + color: var(--faint); + font-size: 11px; +} + .knowledge-base-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; - align-items: start; + align-items: stretch; gap: 10px; } -.knowledge-base-group.planned .knowledge-base-grid { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} - .knowledge-base-card { min-width: 0; width: 100%; display: flex; flex-direction: column; - gap: 10px; + gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-raised); } -.knowledge-base-card.planned { - gap: 7px; - padding: 11px 12px; -} - -.knowledge-base-card.planned .knowledge-base-card-header { - grid-template-columns: 32px minmax(0, 1fr); - gap: 9px; -} - -.knowledge-base-card.planned .knowledge-base-logo { - width: 32px; - height: 32px; - border-radius: 8px; -} - -.knowledge-base-card.planned .knowledge-base-card-copy > p, -.knowledge-base-card.planned .knowledge-base-hint { - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} - .knowledge-base-card-header { min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: start; - gap: 12px; + column-gap: 10px; + row-gap: 6px; } .knowledge-base-logo { @@ -2282,14 +2410,8 @@ button svg { gap: 4px; } -.knowledge-base-card-title { - min-width: 0; - display: grid; - justify-items: start; - gap: 2px; -} - -.knowledge-base-card-title strong { +.knowledge-base-card-copy strong, +.knowledge-base-planned-copy strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; @@ -2297,13 +2419,16 @@ button svg { } .knowledge-base-status { + grid-column: 2; + justify-self: start; display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 11px; font-weight: 650; - white-space: nowrap; + line-height: 1.3; + white-space: normal; } .knowledge-base-status svg { @@ -2332,36 +2457,71 @@ button svg { line-height: 1.5; } -.knowledge-base-tags { - display: flex; - flex-wrap: wrap; - gap: 4px; +.knowledge-base-card-copy p { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } -.knowledge-base-tag { - padding: 2px 6px; - border: 1px solid var(--border); - border-radius: 999px; - background: var(--surface); - color: var(--muted); +.knowledge-base-facts { + display: grid; + grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) minmax(0, 1.2fr); + margin: 0; + padding: 10px 0; + border-top: 1px solid var(--border); + border-bottom: 1px solid var(--border); +} + +.knowledge-base-facts > div { + min-width: 0; + padding: 0 6px; +} + +.knowledge-base-facts > div:first-child { + padding-left: 0; +} + +.knowledge-base-facts > div:last-child { + padding-right: 0; +} + +.knowledge-base-facts > div + div { + border-left: 1px solid var(--border); +} + +.knowledge-base-facts dt { + overflow: hidden; + margin: 0; + text-overflow: ellipsis; + white-space: nowrap; +} + +.knowledge-base-facts dt { + color: var(--faint); font-size: 10px; - line-height: 1.35; } -.knowledge-base-tag.connected { - border-color: color-mix(in srgb, var(--accent) 30%, var(--border)); - background: var(--accent-soft); +.knowledge-base-facts dd { + margin-top: 3px; + overflow: visible; + color: var(--text-soft); + font-size: 11px; + font-weight: 650; + line-height: 1.3; + text-overflow: clip; + white-space: normal; +} + +.knowledge-base-facts dd.connected { color: var(--accent); } -.knowledge-base-tag.warning { - border-color: color-mix(in srgb, var(--danger) 28%, var(--border)); - background: var(--danger-soft); +.knowledge-base-facts dd.warning { color: var(--danger); } -.knowledge-base-tag.checking { - background: var(--surface-hover); +.knowledge-base-facts dd.checking { color: var(--faint); } @@ -2390,8 +2550,8 @@ button svg { align-items: center; justify-content: center; padding: 0 11px; - border: 1px solid var(--accent); - border-radius: 999px; + border: 0; + border-radius: var(--radius-sm); background: var(--accent-soft); color: var(--accent); font-size: 12px; @@ -2402,7 +2562,12 @@ button svg { .knowledge-base-actions button svg { width: 14px; height: 14px; + margin-left: 5px; +} + +.knowledge-base-actions button svg:first-child { margin-right: 5px; + margin-left: 0; } .knowledge-base-actions button:hover { @@ -2418,6 +2583,87 @@ button svg { opacity: 0.72; } +.knowledge-base-planned-list { + display: grid; + border-top: 1px solid var(--border); + border-bottom: 1px solid var(--border); +} + +.knowledge-base-planned-item { + min-width: 0; + display: grid; + grid-template-columns: 28px minmax(0, 1fr) auto auto; + align-items: center; + gap: 10px; + min-height: 52px; + padding: 7px 4px; +} + +.knowledge-base-planned-item + .knowledge-base-planned-item { + border-top: 1px solid var(--border); +} + +.knowledge-base-planned-item .knowledge-base-logo { + width: 26px; + height: 26px; + border-radius: 6px; + filter: saturate(0.72); + opacity: 0.76; +} + +.knowledge-base-planned-copy { + min-width: 0; + display: grid; + gap: 2px; +} + +.knowledge-base-planned-copy strong { + color: var(--text-soft); + font-size: 13px; +} + +.knowledge-base-planned-copy p { + overflow: hidden; + margin: 0; + color: var(--faint); + font-size: 11px; + text-overflow: ellipsis; + white-space: nowrap; +} + +.knowledge-base-planned-status { + display: inline-flex; + align-items: center; + gap: 4px; + color: var(--faint); + font-size: 11px; + white-space: nowrap; +} + +.knowledge-base-planned-status svg, +.knowledge-base-doc-link svg { + width: 14px; + height: 14px; +} + +.knowledge-base-doc-link { + min-height: 30px; + display: inline-flex; + align-items: center; + gap: 3px; + padding: 0 4px; + border: 0; + background: transparent; + color: var(--text-soft); + font-size: 11px; + font-weight: 650; + cursor: pointer; +} + +.knowledge-base-doc-link:hover { + color: var(--accent); +} + .conversation-pane { --conversation-content-width: clamp(820px, 70vw, 1360px); height: 100%; @@ -2825,12 +3071,17 @@ button svg { } .message-row.user .message-body { + position: relative; max-width: min(680px, 80%); padding: 11px 14px; border-radius: var(--radius); background: var(--surface-active); } +.message-row.user .message-body.has-topic-replies { + margin-bottom: 27px; +} + .user-message-flow { line-height: 1.68; } @@ -2999,15 +3250,15 @@ button svg { } .topic-toggle { - min-height: 28px; + min-height: 22px; display: inline-flex; align-items: center; gap: 4px; - margin: 9px 0 0; - padding: 3px 8px 3px 5px; + margin: 0; + padding: 0; border: 0; - border-radius: 999px; - background: color-mix(in srgb, var(--surface-raised) 64%, var(--surface-hover) 36%); + border-radius: 0; + background: transparent; color: var(--muted); font-size: 10px; font-weight: 650; @@ -3016,7 +3267,7 @@ button svg { } .topic-toggle:hover { - background: var(--surface-hover); + background: transparent; color: var(--text-soft); } @@ -3025,7 +3276,11 @@ button svg { } .topic-reply-summary { + position: absolute; + left: 0; + bottom: -25px; align-self: flex-start; + justify-content: flex-start; } .topic-reply-avatars { @@ -3035,14 +3290,14 @@ button svg { } .topic-reply-avatars img { - width: 20px; - height: 20px; + width: 22px; + height: 22px; flex: 0 0 auto; - margin-left: -5px; - padding: 2px; - border: 2px solid var(--surface-active); + margin-left: -8px; + padding: 0; + border: 0; border-radius: 50%; - background: var(--surface-raised); + background: transparent; object-fit: contain; } @@ -3808,29 +4063,31 @@ button svg { padding: 0 10px; border: 0; border-radius: 999px; - background: color-mix(in srgb, var(--accent-soft) 72%, var(--surface-raised) 28%); + background: transparent; color: var(--accent); font-size: 11px; font-weight: 650; cursor: pointer; - box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 64%, transparent); + box-shadow: none; transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; } .round-settings-trigger:hover:not(:disabled) { - background: color-mix(in srgb, var(--accent-soft) 84%, var(--surface-raised) 16%); - box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, var(--border)); + background: transparent; + box-shadow: none; + color: var(--accent-hover); } .round-settings-trigger.unlimited { - background: var(--accent); - color: var(--accent-contrast); - box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 22%, transparent); + background: transparent; + color: var(--accent); + box-shadow: none; } .round-settings-trigger.unlimited:hover:not(:disabled) { - background: var(--accent-hover); - box-shadow: 0 8px 18px color-mix(in srgb, var(--accent) 26%, transparent); + background: transparent; + box-shadow: none; + color: var(--accent-hover); } .round-settings-trigger svg { @@ -3987,19 +4244,15 @@ button svg { min-width: 0; display: flex; align-items: center; - gap: 6px; + gap: 0; overflow-x: auto; - padding: 3px 7px 3px 9px; - border-radius: 999px; - background: color-mix(in srgb, var(--surface-raised) 70%, var(--surface-hover) 30%); - color: var(--muted); - font-size: 11px; + padding: 0; + border-radius: 0; + background: transparent; } .target-row > span { - flex: 0 0 auto; - color: var(--text-soft); - font-weight: 650; + display: none; } .target-avatar-stack { @@ -4016,7 +4269,7 @@ button svg { display: flex; align-items: center; justify-content: center; - margin-left: -7px; + margin-left: -19px; padding: 2px; border: 0; border-radius: 50%; @@ -4053,10 +4306,6 @@ button svg { margin-left: 0; } -:root[data-theme="dark"] img[src$="/hermes.svg"] { - filter: invert(75%) sepia(19%) saturate(828%) hue-rotate(124deg) brightness(92%) contrast(88%) drop-shadow(0 1px 1px rgb(0 0 0 / 0.28)); -} - :root[data-theme="dark"] img[src$="/opencode.svg"] { filter: invert(1) hue-rotate(180deg) drop-shadow(0 1px 1px rgb(0 0 0 / 0.24)); } @@ -4382,28 +4631,28 @@ button svg { } .composer-tool-button:hover { - border-color: var(--border); - background: var(--surface-hover); + border-color: transparent; + background: transparent; color: var(--text); } .composer-attachment-button { - background: var(--surface-hover); + background: transparent; color: var(--text-soft); } .composer-skill-button { - background: var(--accent-soft); + background: transparent; color: var(--accent); } .composer-attachment-button:hover { - border-color: var(--border-strong); + border-color: transparent; } .composer-skill-button:hover { - border-color: color-mix(in srgb, var(--accent) 42%, var(--border)); - background: color-mix(in srgb, var(--accent-soft) 84%, var(--surface-raised) 16%); + border-color: transparent; + background: transparent; color: var(--accent); } @@ -4476,27 +4725,29 @@ button svg { } .send-button { - background: var(--text); - color: var(--surface); - box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surface) 18%, transparent); + background: transparent; + color: var(--accent); + box-shadow: none; } :root[data-theme="dark"] .send-button { - background: var(--accent); - color: var(--accent-contrast); - box-shadow: 0 5px 14px color-mix(in srgb, var(--accent) 20%, transparent); + background: transparent; + color: var(--accent); + box-shadow: none; } .send-button:hover:not(:disabled) { border-color: transparent; - background: color-mix(in srgb, var(--text) 88%, var(--accent) 12%); - box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--surface) 24%, transparent), 0 5px 12px rgb(15 20 28 / 0.16); + background: transparent; + color: var(--accent-hover); + box-shadow: none; transform: translateY(-1px); } :root[data-theme="dark"] .send-button:hover:not(:disabled) { - background: var(--accent-hover); - box-shadow: 0 7px 18px color-mix(in srgb, var(--accent) 28%, transparent); + background: transparent; + color: var(--accent-hover); + box-shadow: none; } .send-button:hover:not(:disabled) svg { @@ -4585,14 +4836,15 @@ button svg { .stop-button { border: 0; - background: color-mix(in srgb, var(--danger) 13%, var(--surface-raised)); + background: transparent; color: var(--danger); - box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--danger) 22%, transparent); + box-shadow: none; } .stop-button:hover { - background: color-mix(in srgb, var(--danger) 20%, var(--surface-raised)); - box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--danger) 30%, transparent), 0 5px 12px color-mix(in srgb, var(--danger) 18%, transparent); + background: transparent; + color: color-mix(in srgb, var(--danger) 82%, var(--text)); + box-shadow: none; transform: translateY(-1px); } @@ -4806,6 +5058,24 @@ button svg { padding: 20px; } +.confirmation-modal-body { + display: flex; + flex-direction: column; + gap: 18px; +} + +.confirmation-modal-body > p { + margin: 0; + color: var(--text-soft); + font-size: 13px; + line-height: 1.6; +} + +.confirmation-modal-footer { + position: static; + margin: 0 -20px -20px; +} + .form-stack { display: flex; flex-direction: column; @@ -5188,6 +5458,15 @@ fieldset:disabled .agent-choice { font-size: 12px; } +.agent-manager .manager-toolbar .secondary-button { + border: 0; + background: transparent; +} + +.agent-manager .manager-toolbar .secondary-button:hover { + background: var(--surface-hover); +} + .manager-list { display: grid; gap: 6px; @@ -5270,15 +5549,19 @@ fieldset:disabled .agent-choice { font-weight: 650; } +.provider-status > span { + min-width: 0; +} + .provider-status svg { width: 17px; height: 17px; } .provider-status.configured { - border-color: var(--accent); - background: var(--accent-soft); - color: var(--accent); + border-color: var(--provider-success-border); + background: var(--provider-success-soft); + color: var(--provider-success); } .provider-status.checking { @@ -5286,6 +5569,39 @@ fieldset:disabled .agent-choice { color: var(--muted); } +.provider-status.error { + border-color: color-mix(in srgb, var(--danger) 30%, var(--border)); + background: var(--danger-soft); + color: var(--danger); +} + +.provider-status-retry { + min-height: 28px; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + margin-left: auto; + padding: 0 8px; + border: 1px solid color-mix(in srgb, currentColor 28%, var(--border)); + border-radius: var(--radius-sm); + background: var(--surface-raised); + color: inherit; + font-size: 10px; + font-weight: 650; + white-space: nowrap; + cursor: pointer; +} + +.provider-status-retry:hover:not(:disabled) { + background: var(--surface-hover); +} + +.provider-status-retry svg { + width: 13px; + height: 13px; +} + .footer-spacer { flex: 1; } @@ -5350,17 +5666,39 @@ fieldset:disabled .agent-choice { :root { --sidebar-width: 242px; } .agent-grid { grid-template-columns: 1fr; } .home-dashboard-grid { grid-template-columns: 1fr; } - .home-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } - .home-overview-item:nth-child(3) { - border-left: 0; - border-top: 1px solid var(--border); - } - .home-overview-item:nth-child(4) { border-top: 1px solid var(--border); } - .knowledge-base-grid, - .knowledge-base-group.planned .knowledge-base-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .knowledge-base-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .workspace-chip { max-width: 280px; } } +@media (max-width: 920px) { + .provider-settings-panel { + grid-template-areas: + "header" + "agents" + "editor"; + grid-template-columns: 1fr; + grid-template-rows: auto auto auto; + gap: 14px; + overflow: auto; + } + .provider-page-header { flex-direction: column; gap: 8px; } + .provider-summary-count { padding-top: 0; } + .provider-agent-list { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 4px; + overflow: visible; + padding: 0 0 14px; + border-right: 0; + border-bottom: 0; + } + .provider-editor { width: 100%; overflow: visible; padding-right: 0; } + .provider-source-heading { align-items: flex-start; flex-direction: column; gap: 4px; } + .provider-source-heading small { overflow: visible; text-overflow: clip; white-space: normal; } + .provider-source-options { width: 100%; } + .provider-source-options button { min-height: 32px; padding-inline: 7px; } +} + @media (max-width: 760px) { body { overflow: auto; } .onboarding-backdrop { padding: 12px; } @@ -5378,45 +5716,30 @@ fieldset:disabled .agent-choice { .workspace-pane { height: 100dvh; } .brand-row { -webkit-app-region: no-drag; } .agent-home { padding: 22px 18px 32px; } - .home-dashboard-header { flex-direction: column; } - .home-dashboard-actions { width: 100%; flex-wrap: wrap; } - .home-dashboard-actions > button { flex: 1 1 140px; } + .home-dashboard-header { align-items: flex-start; flex-direction: column; } + .home-workspace-state { white-space: normal; } .home-header { flex-direction: column; } .header-actions { width: 100%; flex-wrap: wrap; } .header-actions > button { flex: 1 1 120px; } .system-settings-header { padding: 22px 18px 18px; } .system-settings-body { padding-inline: 18px; } - .provider-settings-panel { + .knowledge-base-header { align-items: stretch; flex-direction: column; } + .knowledge-base-header-actions { justify-content: space-between; } + .knowledge-base-grid { grid-template-columns: 1fr; } + .knowledge-base-planned-item { grid-template-columns: 28px minmax(0, 1fr) auto; } + .knowledge-base-planned-status { grid-column: 2; } + .knowledge-base-doc-link { grid-column: 3; grid-row: 1 / span 2; } + .provider-external-fields { grid-template-areas: - "header" - "agents" - "editor"; + "name" + "url" + "model" + "key"; grid-template-columns: 1fr; - grid-template-rows: auto auto auto; - gap: 14px; - overflow: auto; } - .provider-page-header { flex-direction: column; gap: 8px; } - .provider-summary-count { padding-top: 0; } - .knowledge-base-header { flex-direction: column; } - .knowledge-base-header > button { width: 100%; } - .knowledge-base-grid, - .knowledge-base-group.planned .knowledge-base-grid { grid-template-columns: 1fr; } - .provider-agent-list { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 4px; - overflow: visible; - padding: 0 0 14px; - border-right: 0; - border-bottom: 0; - } - .provider-editor { width: 100%; overflow: visible; } - .provider-source-options { grid-template-columns: 1fr; } - .provider-source-options button { min-height: 54px; } + .provider-native-heading { align-items: flex-start; } .provider-doc-card dl > div { grid-template-columns: 1fr; gap: 4px; } .provider-editor-footer { flex-wrap: wrap; } - .provider-native-footer-note { max-width: none; text-align: left; } .setup-guide ol, .agent-detail-metrics { grid-template-columns: 1fr; @@ -5481,13 +5804,6 @@ fieldset:disabled .agent-choice { } @media (max-width: 520px) { - .home-overview-grid { grid-template-columns: 1fr; } - .home-overview-item + .home-overview-item { - border-top: 1px solid var(--border); - border-left: 0; - } - .home-panel-footer { align-items: stretch; flex-direction: column; } - .home-panel-footer > button { width: 100%; } .settings-tabs { gap: 12px; overflow-x: auto; } .settings-tabs button { flex: 0 0 auto; } .provider-agent-list { grid-template-columns: 1fr; }