@nextclaw/ui 0.20.3 → 0.21.0

package/src/features/desktop-capabilities/pages/desktop-capabilities-page.tsx

@@ -0,0 +1,171 @@
+import type { CapabilityGrantView } from "@nextclaw/client-sdk";
+import { Button } from "@/shared/components/ui/button";
+import { SettingsPage } from "@/shared/components/settings/settings-page";
+import {
+  SettingRow,
+  SettingsGroup,
+  SettingsSection,
+} from "@/shared/components/settings/setting-row";
+import { t } from "@/shared/lib/i18n";
+import {
+  useDesktopCapabilityGrants,
+  useDesktopCapabilityStatus,
+  useOpenDesktopSystemSettings,
+  useRequestDesktopSystemPermission,
+  useRevokeDesktopGrant,
+} from "../hooks/use-desktop-capabilities";
+
+export function DesktopCapabilitiesPage() {
+  const statusQuery = useDesktopCapabilityStatus();
+  const grantsQuery = useDesktopCapabilityGrants();
+  const requestPermission = useRequestDesktopSystemPermission();
+  const openSettings = useOpenDesktopSystemSettings();
+  const revokeGrant = useRevokeDesktopGrant();
+  const status = statusQuery.data;
+  const busy = requestPermission.isPending || openSettings.isPending;
+
+  return (
+    <SettingsPage
+      title={t("desktopCapabilitiesPageTitle")}
+      description={t("desktopCapabilitiesPageDescription")}
+    >
+      <SettingsSection
+        title={t("desktopCapabilitiesSystemTitle")}
+        description={t("desktopCapabilitiesSystemDescription")}
+      >
+        <SettingsGroup>
+          <SettingRow
+            title={t("desktopCapabilitiesHostStatus")}
+            description={
+              statusQuery.isLoading
+                ? t("loading")
+                : status?.online
+                  ? t("desktopCapabilitiesHostOnline")
+                  : t("desktopCapabilitiesHostOffline")
+            }
+            control={(
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                disabled={statusQuery.isFetching}
+                onClick={() => void statusQuery.refetch()}
+              >
+                {t("desktopCapabilitiesRecheck")}
+              </Button>
+            )}
+          />
+          <SettingRow
+            title={t("desktopCapabilitiesAccessibility")}
+            description={formatPermission(status?.permissions.accessibility)}
+            control={(
+              <div className="flex flex-wrap justify-end gap-2">
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  disabled={busy}
+                  onClick={() => openSettings.mutate()}
+                >
+                  {t("desktopCapabilitiesOpenSettings")}
+                </Button>
+                <Button
+                  type="button"
+                  size="sm"
+                  disabled={busy}
+                  onClick={() => requestPermission.mutate()}
+                >
+                  {t("desktopCapabilitiesRequestPermission")}
+                </Button>
+              </div>
+            )}
+          />
+        </SettingsGroup>
+      </SettingsSection>
+
+      <SettingsSection
+        title={t("desktopCapabilitiesGrantsTitle")}
+        description={t("desktopCapabilitiesGrantsDescription")}
+      >
+        <SettingsGroup>
+          {grantsQuery.isLoading ? (
+            <SettingRow title={t("loading")} />
+          ) : grantsQuery.data?.length ? (
+            grantsQuery.data.map((grant) => (
+              <DesktopGrantRow
+                key={grantKey(grant)}
+                grant={grant}
+                disabled={revokeGrant.isPending}
+                onRevoke={() => revokeGrant.mutate(grant)}
+              />
+            ))
+          ) : (
+            <SettingRow
+              title={t("desktopCapabilitiesNoGrants")}
+              description={t("desktopCapabilitiesNoGrantsDescription")}
+            />
+          )}
+        </SettingsGroup>
+      </SettingsSection>
+    </SettingsPage>
+  );
+}
+
+function DesktopGrantRow({
+  disabled,
+  grant,
+  onRevoke,
+}: {
+  disabled: boolean;
+  grant: CapabilityGrantView;
+  onRevoke: () => void;
+}) {
+  const target = readApplicationId(grant.resource.target);
+  const subject = grant.subject.type === "agent"
+    ? `${t("desktopCapabilitiesAgent")} · ${grant.subject.id}`
+    : `${t("desktopCapabilitiesExtension")} · ${grant.subject.id}`;
+  return (
+    <SettingRow
+      title={subject}
+      description={`${target} · ${grant.access.join(", ")}`}
+      control={(
+        <Button
+          type="button"
+          variant="destructive"
+          size="sm"
+          disabled={disabled}
+          onClick={onRevoke}
+        >
+          {t("desktopCapabilitiesRevoke")}
+        </Button>
+      )}
+    />
+  );
+}
+
+function readApplicationId(target: unknown): string {
+  if (!target || typeof target !== "object" || Array.isArray(target)) {
+    return t("desktopCapabilitiesUnknownApplication");
+  }
+  const { applicationId } = target as { applicationId?: unknown };
+  return typeof applicationId === "string" && applicationId.trim()
+    ? applicationId.trim()
+    : t("desktopCapabilitiesUnknownApplication");
+}
+
+function formatPermission(value: string | undefined): string {
+  switch (value) {
+    case "granted":
+      return t("desktopCapabilitiesPermissionGranted");
+    case "not_granted":
+      return t("desktopCapabilitiesPermissionNotGranted");
+    case "not_supported":
+      return t("desktopCapabilitiesPermissionNotSupported");
+    default:
+      return t("desktopCapabilitiesPermissionUnknown");
+  }
+}
+
+function grantKey(grant: CapabilityGrantView): string {
+  return `${grant.subject.type}:${grant.subject.id}:${JSON.stringify(grant.resource.target)}:${grant.access.join(",")}`;
+}

package/src/features/desktop-capabilities/stores/desktop-authorization.store.ts

@@ -0,0 +1,21 @@
+import { create } from "zustand";
+import type { CapabilityGrantRequestView } from "@nextclaw/client-sdk";
+
+export type DesktopAuthorizationRequest = {
+  applicationId: string;
+  request: CapabilityGrantRequestView;
+};
+
+type DesktopAuthorizationState = {
+  pending: DesktopAuthorizationRequest | null;
+  present: (request: DesktopAuthorizationRequest) => void;
+  clear: () => void;
+};
+
+export const useDesktopAuthorizationStore = create<DesktopAuthorizationState>(
+  (set) => ({
+    pending: null,
+    present: (pending) => set({ pending }),
+    clear: () => set({ pending: null }),
+  }),
+);

package/src/features/marketplace/components/mcp/__tests__/mcp-connection-dialog.test.tsx

@@ -0,0 +1,23 @@
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { McpConnectionDialog } from "../mcp-connection-dialog";
+
+describe("McpConnectionDialog", () => {
+  it("requires a successful test before saving a stdio connection", async () => {
+    const onTest = vi.fn(async () => ({ name: "local-tools", transport: "stdio" as const, accessible: true, toolCount: 2 }));
+    const onSave = vi.fn(async () => undefined);
+    render(<McpConnectionDialog open testing={false} saving={false} onOpenChange={vi.fn()} onTest={onTest} onSave={onSave} />);
+
+    const saveButton = screen.getByRole("button", { name: "Save connection" });
+    expect(saveButton.hasAttribute("disabled")).toBe(true);
+    fireEvent.change(screen.getByLabelText("Name"), { target: { value: "local-tools" } });
+    fireEvent.change(screen.getByLabelText("Command"), { target: { value: "node" } });
+    fireEvent.click(screen.getByRole("button", { name: "Test connection" }));
+
+    await waitFor(() => expect(onTest).toHaveBeenCalledOnce());
+    expect(await screen.findByText("Connected. Found 2 tools.")).not.toBeNull();
+    expect(saveButton.hasAttribute("disabled")).toBe(false);
+    fireEvent.click(saveButton);
+    await waitFor(() => expect(onSave).toHaveBeenCalledOnce());
+  });
+});

package/src/features/marketplace/components/mcp/mcp-connection-dialog.tsx

@@ -0,0 +1,35 @@
+import { useMemo, useState, type ReactNode } from "react";
+import type { McpConnectionRequest, McpConnectionTestResult } from "@nextclaw/client-sdk";
+import { Button } from "@/shared/components/ui/button";
+import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle } from "@/shared/components/ui/overlays/sheet";
+import { Input } from "@/shared/components/ui/input";
+import { Textarea } from "@/shared/components/ui/textarea";
+import { Switch } from "@/shared/components/ui/switch";
+import { t } from "@/shared/lib/i18n";
+
+type Transport = "stdio" | "http" | "sse";
+
+export function McpConnectionDialog({ open, testing, saving, onOpenChange, onTest, onSave }: {
+  open: boolean; testing: boolean; saving: boolean; onOpenChange: (open: boolean) => void;
+  onTest: (request: McpConnectionRequest) => Promise<McpConnectionTestResult>; onSave: (request: McpConnectionRequest) => Promise<void>;
+}) {
+  const [transport, setTransport] = useState<Transport>("stdio");
+  const [name, setName] = useState(""); const [command, setCommand] = useState(""); const [args, setArgs] = useState("");
+  const [cwd, setCwd] = useState(""); const [env, setEnv] = useState(""); const [url, setUrl] = useState("");
+  const [headers, setHeaders] = useState(""); const [timeout, setTimeout] = useState("15000"); const [verifyTls, setVerifyTls] = useState(true);
+  const [result, setResult] = useState<McpConnectionTestResult | null>(null); const [error, setError] = useState<string | null>(null);
+  const request = useMemo(() => buildRequest({ transport, name, command, args, cwd, env, url, headers, timeout, verifyTls }), [args, command, cwd, env, headers, name, timeout, transport, url, verifyTls]);
+  const dirty = () => { setResult(null); setError(null); };
+  const test = async () => { if (request instanceof Error) return setError(request.message); dirty(); try { const next = await onTest(request); setResult(next); if (!next.accessible) setError(next.error ?? t("mcpConnectionTestFailed")); } catch (cause) { setError(cause instanceof Error ? cause.message : String(cause)); } };
+  const save = async () => { if (request instanceof Error || !result?.accessible) return; try { await onSave(request); onOpenChange(false); dirty(); } catch (cause) { setError(cause instanceof Error ? cause.message : String(cause)); } };
+  return <Sheet open={open} onOpenChange={onOpenChange}><SheetContent side="right" closeLabel={t("cancel")} className="flex h-full w-full flex-col overflow-hidden p-0 sm:max-w-[560px]"><SheetHeader className="shrink-0 border-b border-border/60 px-5 pb-5 pt-6 pr-14 sm:px-7 sm:pt-7"><SheetTitle>{t("mcpConnectionTitle")}</SheetTitle><SheetDescription>{t("mcpConnectionDescription")}</SheetDescription></SheetHeader><div className="min-h-0 flex-1 space-y-4 overflow-y-auto px-5 py-6 sm:px-7">
+    <Field label={t("mcpConnectionTransport")}><select className="flex h-10 w-full rounded-xl border border-border/75 bg-card px-3 text-sm" value={transport} onChange={(e) => { setTransport(e.target.value as Transport); dirty(); }}><option value="stdio">{t("mcpConnectionStdio")}</option><option value="http">HTTP</option><option value="sse">SSE</option></select></Field>
+    <Field label={t("mcpConnectionName")}><Input value={name} onChange={(e) => { setName(e.target.value); dirty(); }} placeholder="my-mcp" /></Field>
+    {transport === "stdio" ? <><Field label={t("mcpConnectionCommand")}><Input value={command} onChange={(e) => { setCommand(e.target.value); dirty(); }} placeholder="npx" /></Field><Field label={t("mcpConnectionArgs")} hint={t("mcpConnectionArgsHint")}><Input value={args} onChange={(e) => { setArgs(e.target.value); dirty(); }} placeholder="-y @example/mcp-server" /></Field><Field label={t("mcpConnectionCwd")}><Input value={cwd} onChange={(e) => { setCwd(e.target.value); dirty(); }} /></Field><Field label={t("mcpConnectionEnv")} hint={t("mcpConnectionPairsHint")}><Textarea className="min-h-20 font-mono" value={env} onChange={(e) => { setEnv(e.target.value); dirty(); }} placeholder="API_KEY=..." /></Field><p className="rounded-xl bg-amber-500/10 px-3 py-2 text-sm text-amber-900 dark:text-amber-100">{t("mcpConnectionLocalWarning")}</p></> : <><Field label={t("mcpConnectionUrl")}><Input type="url" value={url} onChange={(e) => { setUrl(e.target.value); dirty(); }} placeholder="https://example.com/mcp" /></Field><Field label={t("mcpConnectionHeaders")} hint={t("mcpConnectionPairsHint")}><Textarea className="min-h-20 font-mono" value={headers} onChange={(e) => { setHeaders(e.target.value); dirty(); }} placeholder="Authorization=Bearer ..." /></Field><Field label={t("mcpConnectionTimeout")}><Input type="number" min="1" value={timeout} onChange={(e) => { setTimeout(e.target.value); dirty(); }} /></Field><div className="flex items-center justify-between rounded-xl bg-muted/60 px-3 py-3"><span className="text-sm">{t("mcpConnectionVerifyTls")}</span><Switch checked={verifyTls} onCheckedChange={(value) => { setVerifyTls(value); dirty(); }} /></div><p className="rounded-xl bg-muted px-3 py-2 text-sm text-muted-foreground">{t("mcpConnectionRemoteWarning")}</p></>}
+    {result?.accessible ? <p className="rounded-xl bg-emerald-500/10 px-3 py-2 text-sm text-emerald-800 dark:text-emerald-100">{t("mcpConnectionTestSuccess").replace("{count}", String(result.toolCount))}</p> : null}{error ? <p role="alert" className="rounded-xl bg-destructive/10 px-3 py-2 text-sm text-destructive">{error}</p> : null}
+  </div><SheetFooter className="shrink-0 border-t border-border/60 bg-background px-5 py-4 sm:px-7"><Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={testing || saving}>{t("cancel")}</Button><Button type="button" variant="outline" onClick={() => void test()} disabled={testing || saving}>{testing ? t("mcpConnectionTesting") : t("mcpConnectionTest")}</Button><Button type="button" onClick={() => void save()} disabled={!result?.accessible || testing || saving}>{saving ? t("saving") : t("mcpConnectionSave")}</Button></SheetFooter></SheetContent></Sheet>;
+}
+
+function Field({ label, hint, children }: { label: string; hint?: string; children: ReactNode }) { return <label className="block space-y-1.5"><span className="text-sm font-medium">{label}</span>{hint ? <span className="block text-xs text-muted-foreground">{hint}</span> : null}{children}</label>; }
+function buildRequest(input: { transport: Transport; name: string; command: string; args: string; cwd: string; env: string; url: string; headers: string; timeout: string; verifyTls: boolean }): McpConnectionRequest | Error { try { const name = input.name.trim(); if (!name) throw new Error(t("mcpConnectionNameRequired")); if (input.transport === "stdio") { const command = input.command.trim(); if (!command) throw new Error(t("mcpConnectionCommandRequired")); return { name, definition: { enabled: true, transport: { type: "stdio", command, args: input.args.trim() ? input.args.trim().split(/\s+/) : [], cwd: input.cwd.trim(), env: pairs(input.env), stderr: "pipe" }, scope: { allAgents: true, agents: [] }, policy: { trust: "explicit", start: "eager" } } }; } const url = input.url.trim(); if (!url) throw new Error(t("mcpConnectionUrlRequired")); const timeoutMs = Number(input.timeout); if (!Number.isFinite(timeoutMs) || timeoutMs <= 0) throw new Error(t("mcpConnectionTimeoutInvalid")); const common = { url, headers: pairs(input.headers), timeoutMs: Math.trunc(timeoutMs), verifyTls: input.verifyTls }; return { name, definition: { enabled: true, transport: input.transport === "http" ? { type: "http", ...common } : { type: "sse", ...common, reconnect: { enabled: true, initialDelayMs: 1000, maxDelayMs: 30000 } }, scope: { allAgents: true, agents: [] }, policy: { trust: "explicit", start: "eager" } } }; } catch (error) { return error instanceof Error ? error : new Error(String(error)); } }
+function pairs(value: string): Record<string, string> { return Object.fromEntries(value.split("\n").filter(Boolean).map((line) => { const index = line.indexOf("="); if (index <= 0) throw new Error(t("mcpConnectionPairsInvalid")); return [line.slice(0, index).trim(), line.slice(index + 1)]; })); }

package/src/features/marketplace/components/mcp/mcp-marketplace-page.tsx

@@ -9,7 +9,9 @@ import type {
 } from "@/shared/lib/api";
 import {
   fetchMcpMarketplaceContent,
+  createMcpConnection,
   doctorMcpMarketplaceItem,
+  testMcpConnection,
 } from "@/shared/lib/api";
 import { SettingsPage } from "@/shared/components/settings/settings-page";
 import {
@@ -19,6 +21,7 @@ import {
 } from "@/features/marketplace/components/marketplace-page-parts";
 import { buildLocaleFallbacks } from "@/features/marketplace/components/marketplace-localization";
 import { McpMarketplaceCard } from "@/features/marketplace/components/mcp/mcp-marketplace-card";
+import { McpConnectionDialog } from "@/features/marketplace/components/mcp/mcp-connection-dialog";
 import {
   buildInstalledRecordLookup,
   findInstalledRecordForItem,
@@ -46,6 +49,7 @@ import { t } from "@/shared/lib/i18n";
 import { useInfiniteScrollLoader } from "@/shared/hooks/use-infinite-scroll-loader";
 import { cn } from "@/shared/lib/utils";
 import { Sparkles, PackageCheck } from "lucide-react";
+import { Button } from "@/shared/components/ui/button";
 
 type ScopeType = "catalog" | "installed";
 
@@ -61,6 +65,7 @@ export function McpMarketplacePage() {
   const [doctorTarget, setDoctorTarget] = useState<string | null>(null);
   const [doctorResult, setDoctorResult] =
     useState<MarketplaceMcpDoctorResult | null>(null);
+  const [connectionOpen, setConnectionOpen] = useState(false);
   const { language } = useI18n();
   const docBrowser = useDocBrowser();
   const { confirm, ConfirmDialog } = useConfirmDialog();
@@ -110,6 +115,8 @@ export function McpMarketplacePage() {
       setDoctorResult(result);
     },
   });
+  const testConnectionMutation = useMutation({ mutationFn: testMcpConnection });
+  const createConnectionMutation = useMutation({ mutationFn: createMcpConnection });
 
   const installedRecordLookup = useMemo(() => {
     return buildInstalledRecordLookup(installedQuery.data?.records ?? []);
@@ -325,6 +332,9 @@ export function McpMarketplacePage() {
                   : (installedQuery.data?.total ?? 0)}
               </span>
             </h3>
+            <Button type="button" size="sm" onClick={() => setConnectionOpen(true)}>
+              {t("mcpConnectionOpen")}
+            </Button>
           </div>
 
           <div
@@ -441,13 +451,21 @@ export function McpMarketplacePage() {
           </div>
         </section>
 
-      <InstallDialog
+        <InstallDialog
         item={installingItem}
         open={Boolean(installingItem)}
         pending={installMutation.isPending}
         onOpenChange={(open) => !open && setInstallingItem(null)}
         onSubmit={handleInstall}
-      />
+        />
+        <McpConnectionDialog
+          open={connectionOpen}
+          testing={testConnectionMutation.isPending}
+          saving={createConnectionMutation.isPending}
+          onOpenChange={setConnectionOpen}
+          onTest={(request) => testConnectionMutation.mutateAsync(request)}
+          onSave={async (request) => { await createConnectionMutation.mutateAsync(request); }}
+        />
       <DoctorDialog
         open={Boolean(doctorTarget)}
         targetName={doctorTarget}

package/src/platforms/mobile/components/mobile-settings-shell.tsx

@@ -2,9 +2,13 @@ import { NavLink } from "react-router-dom";
 import { getSettingsNavItems } from "@/app/configs/app-navigation.config";
 import { t } from "@/shared/lib/i18n";
 import { cn } from "@/shared/lib/utils";
+import { useDesktopCapabilityAvailability } from "@/features/desktop-capabilities/hooks/use-desktop-capabilities";
 
 export function MobileSettingsShell() {
-  const settingsNavItems = getSettingsNavItems(t);
+  const desktopCapabilityAvailable = useDesktopCapabilityAvailability();
+  const settingsNavItems = getSettingsNavItems(t, {
+    includeDesktopCapabilities: desktopCapabilityAvailable,
+  });
 
   return (
     <div

package/src/shared/components/ui/__tests__/confirm-dialog.test.tsx

@@ -0,0 +1,31 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { ConfirmDialog } from '@/shared/components/ui/confirm-dialog';
+
+describe('ConfirmDialog', () => {
+  it('focuses the confirm action so Enter confirms the dialog', async () => {
+    const user = userEvent.setup();
+    const onConfirm = vi.fn();
+
+    render(
+      <ConfirmDialog
+        open
+        onOpenChange={vi.fn()}
+        title="Delete session"
+        description="This action cannot be undone."
+        confirmLabel="Delete"
+        cancelLabel="Cancel"
+        onConfirm={onConfirm}
+        onCancel={vi.fn()}
+      />,
+    );
+
+    const confirmButton = await screen.findByRole('button', { name: 'Delete' });
+    expect(document.activeElement).toBe(confirmButton);
+
+    await user.keyboard('{Enter}');
+
+    expect(onConfirm).toHaveBeenCalledOnce();
+  });
+});

package/src/shared/components/ui/confirm-dialog.tsx

@@ -35,6 +35,8 @@ export const ConfirmDialog = ({
   onConfirm,
   onCancel
 }: ConfirmDialogProps) => {
+  const confirmButtonRef = React.useRef<HTMLButtonElement>(null);
+
   const handleConfirm = () => {
     onConfirm();
     onOpenChange(false);
@@ -45,7 +47,14 @@ export const ConfirmDialog = ({
   };
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="[&>:last-child]:hidden" onCloseAutoFocus={(e) => e.preventDefault()}>
+      <DialogContent
+        className="[&>:last-child]:hidden"
+        onOpenAutoFocus={(event) => {
+          event.preventDefault();
+          confirmButtonRef.current?.focus();
+        }}
+        onCloseAutoFocus={(event) => event.preventDefault()}
+      >
         <DialogHeader>
           <DialogTitle>{title}</DialogTitle>
           {description ? <DialogDescription>{description}</DialogDescription> : null}
@@ -55,6 +64,7 @@ export const ConfirmDialog = ({
             {cancelLabel}
           </Button>
           <Button
+            ref={confirmButtonRef}
             type="button"
             variant={variant === 'destructive' ? 'destructive' : 'default'}
             onClick={handleConfirm}

package/src/shared/lib/api/index.ts

@@ -8,6 +8,7 @@ export * from './managers/client.manager';
 export * from './utils/config.utils';
 export * from './utils/marketplace.utils';
 export * from './utils/mcp-marketplace.utils';
+export * from './utils/mcp-connection.utils';
 export * from './utils/ncp-attachments.utils';
 export * from './utils/ncp-session.utils';
 export * from './projects/project.utils';

package/src/shared/lib/api/utils/mcp-connection.utils.ts

@@ -0,0 +1,10 @@
+import type { McpConnectionCreateResult, McpConnectionRequest, McpConnectionTestResult } from "@nextclaw/client-sdk";
+import { nextclawClient } from "@/shared/lib/api/managers/client.manager";
+
+export async function testMcpConnection(request: McpConnectionRequest): Promise<McpConnectionTestResult> {
+  return await nextclawClient.mcp.testConnection(request);
+}
+
+export async function createMcpConnection(request: McpConnectionRequest): Promise<McpConnectionCreateResult> {
+  return await nextclawClient.mcp.createConnection(request);
+}

package/src/shared/lib/i18n/locales/en-US/chat.json

@@ -476,6 +476,8 @@
   "chatSteeringPending": "Waiting for the next step",
   "chatDeleteSession": "Delete Session",
   "chatDeleteSessionConfirm": "Delete the current session?",
+  "chatDeleteSessionSucceeded": "Session deleted.",
+  "chatDeleteSessionFailed": "Could not delete session",
   "chatSessionMoreActions": "More actions",
   "chatSessionCopyId": "Copy session ID",
   "chatSessionCopyIdSuccess": "Session ID copied",

package/src/shared/lib/i18n/locales/en-US/core.json

@@ -26,6 +26,49 @@
   "sidebarExpand": "Expand sidebar",
   "security": "Sign-in Management",
   "privacy": "Privacy & Analytics",
+  "desktopCapabilities": "Desktop Access",
+  "desktopCapabilitiesPageTitle": "Desktop Access",
+  "desktopCapabilitiesPageDescription": "Check NextClaw Desktop system permissions and manage which desktop apps AI agents and Extensions can access.",
+  "desktopCapabilitiesSystemTitle": "System permission",
+  "desktopCapabilitiesSystemDescription": "macOS only needs permission for NextClaw Desktop. Each AI agent or Extension still needs separate access to an app.",
+  "desktopCapabilitiesHostStatus": "Desktop Host",
+  "desktopCapabilitiesHostOnline": "Connected and ready to check desktop apps and system permissions.",
+  "desktopCapabilitiesHostOffline": "Not connected. Start NextClaw Desktop first.",
+  "desktopCapabilitiesRecheck": "Check again",
+  "desktopCapabilitiesAccessibility": "Accessibility",
+  "desktopCapabilitiesOpenSettings": "Open System Settings",
+  "desktopCapabilitiesRequestPermission": "Request permission",
+  "desktopCapabilitiesPermissionGranted": "NextClaw Desktop can control local apps.",
+  "desktopCapabilitiesPermissionNotGranted": "Not allowed yet. Open System Settings and enable Accessibility for NextClaw Desktop.",
+  "desktopCapabilitiesPermissionNotSupported": "Desktop access is not supported on this system.",
+  "desktopCapabilitiesPermissionUnknown": "The permission state is currently unavailable.",
+  "desktopCapabilitiesGrantsTitle": "App access",
+  "desktopCapabilitiesGrantsDescription": "These permissions decide which AI agent or Extension can read or operate an app. Revoking access stops related operations immediately.",
+  "desktopCapabilitiesNoGrants": "No app access yet",
+  "desktopCapabilitiesNoGrantsDescription": "NextClaw will ask for permission when an AI agent or Extension first accesses a desktop app.",
+  "desktopCapabilitiesAgent": "AI",
+  "desktopCapabilitiesExtension": "Extension",
+  "desktopCapabilitiesUnknownApplication": "Unknown app",
+  "desktopCapabilitiesRevoke": "Revoke access",
+  "desktopAuthorizationTitle": "Allow desktop access?",
+  "desktopAuthorizationDescription": "This action needs access to a local app. Check who is asking, which app, and what they can do.",
+  "desktopAuthorizationCaller": "Requested by",
+  "desktopAuthorizationApplication": "App",
+  "desktopAuthorizationAccess": "Access",
+  "desktopAuthorizationRead": "Read visible content",
+  "desktopAuthorizationObserve": "Watch visible changes",
+  "desktopAuthorizationWrite": "Write to the app",
+  "desktopAuthorizationScreenCapture": "Capture visible window content",
+  "desktopAuthorizationPointerInput": "Click inside the app window",
+  "desktopAuthorizationReadRisk": "Once allowed, this requester can read or watch currently visible content in this app until you revoke access in Desktop Access.",
+  "desktopAuthorizationWriteRisk": "Once allowed, this AI agent can write a draft into this app. This permission does not allow sending or confirming.",
+  "desktopAuthorizationScreenCaptureRisk": "Once allowed, this requester can capture the currently visible content of this app window for AI understanding until you revoke access in Desktop Access.",
+  "desktopAuthorizationPointerInputRisk": "Once allowed, this AI can click inside this app's authorized window. It cannot use keys, scroll, drag, send, or confirm.",
+  "desktopAuthorizationReject": "Don't allow",
+  "desktopAuthorizationAllow": "Allow",
+  "desktopAuthorizationAllowing": "Allowing…",
+  "desktopAuthorizationAllowed": "Access allowed. The AI can retry the previous action.",
+  "desktopAuthorizationFailed": "Desktop access could not be saved.",
   "backToMain": "Back to Main",
   "enabled": "Enabled",
   "disabled": "Disabled",

package/src/shared/lib/i18n/locales/en-US/marketplace.json

@@ -79,5 +79,33 @@
   "marketplaceMcpDoctorTools": "Tools",
   "marketplaceMcpRemove": "Remove",
   "marketplaceMcpRemoveTitle": "Remove MCP Server",
-  "marketplaceMcpRemoveDescription": "This removes the MCP server config and hot-unplugs it from the tool source immediately."
+  "marketplaceMcpRemoveDescription": "This removes the MCP server config and hot-unplugs it from the tool source immediately.",
+  "mcpConnectionOpen": "Connect external MCP",
+  "mcpConnectionTitle": "Connect external MCP",
+  "mcpConnectionDescription": "Test the connection, then save it for your agents to use.",
+  "mcpConnectionTransport": "Connection type",
+  "mcpConnectionStdio": "Local command (stdio)",
+  "mcpConnectionName": "Name",
+  "mcpConnectionCommand": "Command",
+  "mcpConnectionArgs": "Command arguments",
+  "mcpConnectionArgsHint": "Separate arguments with spaces.",
+  "mcpConnectionCwd": "Working directory (optional)",
+  "mcpConnectionEnv": "Environment variables (optional)",
+  "mcpConnectionHeaders": "Request headers (optional)",
+  "mcpConnectionPairsHint": "One key=value pair per line.",
+  "mcpConnectionUrl": "Server URL",
+  "mcpConnectionTimeout": "Timeout (ms)",
+  "mcpConnectionVerifyTls": "Verify TLS certificate",
+  "mcpConnectionLocalWarning": "This MCP runs a command on this computer. Connect only to servers you trust.",
+  "mcpConnectionRemoteWarning": "NextClaw connects to this remote service. Confirm that its address and permissions are trusted.",
+  "mcpConnectionTest": "Test connection",
+  "mcpConnectionTesting": "Testing",
+  "mcpConnectionSave": "Save connection",
+  "mcpConnectionTestSuccess": "Connected. Found {count} tools.",
+  "mcpConnectionTestFailed": "Could not connect to the MCP server.",
+  "mcpConnectionNameRequired": "Enter an MCP name.",
+  "mcpConnectionCommandRequired": "Enter a command.",
+  "mcpConnectionUrlRequired": "Enter a server URL.",
+  "mcpConnectionTimeoutInvalid": "Timeout must be greater than 0.",
+  "mcpConnectionPairsInvalid": "Each line must use key=value."
 }

package/src/shared/lib/i18n/locales/zh-CN/chat.json

@@ -476,6 +476,8 @@
   "chatSteeringPending": "等待进入下一步",
   "chatDeleteSession": "删除会话",
   "chatDeleteSessionConfirm": "确认删除当前会话？",
+  "chatDeleteSessionSucceeded": "会话已删除。",
+  "chatDeleteSessionFailed": "无法删除会话",
   "chatSessionMoreActions": "更多操作",
   "chatSessionCopyId": "复制会话 ID",
   "chatSessionCopyIdSuccess": "会话 ID 已复制",

package/src/shared/lib/i18n/locales/zh-CN/core.json

@@ -26,6 +26,49 @@
   "sidebarExpand": "展开侧边栏",
   "security": "登录管理",
   "privacy": "隐私与统计",
+  "desktopCapabilities": "桌面操作",
+  "desktopCapabilitiesPageTitle": "桌面操作",
+  "desktopCapabilitiesPageDescription": "查看 NextClaw Desktop 的系统权限，并管理 AI 和 Extension 可以访问的桌面应用。",
+  "desktopCapabilitiesSystemTitle": "系统权限",
+  "desktopCapabilitiesSystemDescription": "macOS 只需要授权 NextClaw Desktop；每个 AI 或 Extension 仍需单独获得应用访问许可。",
+  "desktopCapabilitiesHostStatus": "Desktop Host",
+  "desktopCapabilitiesHostOnline": "已连接，可以检查桌面应用和系统权限。",
+  "desktopCapabilitiesHostOffline": "未连接。请先启动 NextClaw Desktop。",
+  "desktopCapabilitiesRecheck": "重新检查",
+  "desktopCapabilitiesAccessibility": "辅助功能",
+  "desktopCapabilitiesOpenSettings": "打开系统设置",
+  "desktopCapabilitiesRequestPermission": "请求权限",
+  "desktopCapabilitiesPermissionGranted": "已允许 NextClaw Desktop 控制本机应用。",
+  "desktopCapabilitiesPermissionNotGranted": "尚未允许。打开系统设置后为 NextClaw Desktop 开启辅助功能。",
+  "desktopCapabilitiesPermissionNotSupported": "当前系统不支持这项桌面操作。",
+  "desktopCapabilitiesPermissionUnknown": "暂时无法读取权限状态。",
+  "desktopCapabilitiesGrantsTitle": "应用访问许可",
+  "desktopCapabilitiesGrantsDescription": "这里的许可决定哪个 AI 或 Extension 可以读取或操作哪个应用。撤销后，相关操作会立即停止。",
+  "desktopCapabilitiesNoGrants": "还没有应用访问许可",
+  "desktopCapabilitiesNoGrantsDescription": "AI 或 Extension 首次访问桌面应用时，NextClaw 会请求你的允许。",
+  "desktopCapabilitiesAgent": "AI",
+  "desktopCapabilitiesExtension": "Extension",
+  "desktopCapabilitiesUnknownApplication": "未知应用",
+  "desktopCapabilitiesRevoke": "撤销许可",
+  "desktopAuthorizationTitle": "允许桌面访问？",
+  "desktopAuthorizationDescription": "这项操作需要访问本机应用。请确认发起者、应用和操作范围。",
+  "desktopAuthorizationCaller": "发起者",
+  "desktopAuthorizationApplication": "应用",
+  "desktopAuthorizationAccess": "操作范围",
+  "desktopAuthorizationRead": "读取可见内容",
+  "desktopAuthorizationObserve": "持续观察可见变化",
+  "desktopAuthorizationWrite": "写入应用",
+  "desktopAuthorizationScreenCapture": "截取当前窗口可见内容",
+  "desktopAuthorizationPointerInput": "在应用窗口内点击",
+  "desktopAuthorizationReadRisk": "允许后，这个发起者可以读取或观察该应用中当前可见的内容，直到你在“桌面操作”中撤销许可。",
+  "desktopAuthorizationWriteRisk": "允许后，这个 AI 可以向该应用写入草稿。当前许可不包含发送或确认操作。",
+  "desktopAuthorizationScreenCaptureRisk": "允许后，这个发起者可以截取该应用当前窗口的可见内容并交给 AI 理解，直到你在“桌面操作”中撤销许可。",
+  "desktopAuthorizationPointerInputRisk": "允许后，这个 AI 可以在该应用已授权的窗口内点击，但不能按键、滚动、拖拽、发送或确认。",
+  "desktopAuthorizationReject": "不允许",
+  "desktopAuthorizationAllow": "允许",
+  "desktopAuthorizationAllowing": "正在允许…",
+  "desktopAuthorizationAllowed": "已允许。AI 可以重试刚才的操作。",
+  "desktopAuthorizationFailed": "未能保存桌面访问许可。",
   "backToMain": "返回主界面",
   "enabled": "启用",
   "disabled": "禁用",

package/src/shared/lib/i18n/locales/zh-CN/marketplace.json

@@ -79,5 +79,33 @@
   "marketplaceMcpDoctorTools": "工具数",
   "marketplaceMcpRemove": "移除",
   "marketplaceMcpRemoveTitle": "确认移除",
-  "marketplaceMcpRemoveDescription": "该操作会删除 MCP server 配置，并通过热插拔立即从工具源中移除。"
+  "marketplaceMcpRemoveDescription": "该操作会删除 MCP server 配置，并通过热插拔立即从工具源中移除。",
+  "mcpConnectionOpen": "连接外部 MCP",
+  "mcpConnectionTitle": "连接外部 MCP",
+  "mcpConnectionDescription": "先测试连接，再保存并让 Agent 使用这个 MCP 服务。",
+  "mcpConnectionTransport": "连接方式",
+  "mcpConnectionStdio": "本地命令（stdio）",
+  "mcpConnectionName": "名称",
+  "mcpConnectionCommand": "启动命令",
+  "mcpConnectionArgs": "命令参数",
+  "mcpConnectionArgsHint": "用空格分隔参数。",
+  "mcpConnectionCwd": "工作目录（可选）",
+  "mcpConnectionEnv": "环境变量（可选）",
+  "mcpConnectionHeaders": "请求头（可选）",
+  "mcpConnectionPairsHint": "每行一个 key=value。",
+  "mcpConnectionUrl": "服务地址",
+  "mcpConnectionTimeout": "超时（毫秒）",
+  "mcpConnectionVerifyTls": "验证 TLS 证书",
+  "mcpConnectionLocalWarning": "此 MCP 会在本机执行命令。只连接你信任的服务。",
+  "mcpConnectionRemoteWarning": "NextClaw 会连接这个远程服务。请确认地址和权限可信。",
+  "mcpConnectionTest": "测试连接",
+  "mcpConnectionTesting": "正在测试",
+  "mcpConnectionSave": "保存连接",
+  "mcpConnectionTestSuccess": "连接成功，发现 {count} 个工具。",
+  "mcpConnectionTestFailed": "无法连接到 MCP 服务。",
+  "mcpConnectionNameRequired": "请填写 MCP 名称。",
+  "mcpConnectionCommandRequired": "请填写启动命令。",
+  "mcpConnectionUrlRequired": "请填写服务地址。",
+  "mcpConnectionTimeoutInvalid": "超时必须是大于 0 的数字。",
+  "mcpConnectionPairsInvalid": "每一行都必须是 key=value。"
 }