@nextclaw/ui 0.27.5-beta.0 → 0.27.5-beta.1

package/src/shared/components/ui/context-menu/context-menu.tsx

@@ -30,18 +30,27 @@ export type ContextMenuItem = ContextMenuItemBase &
         children?: never;
         download?: string;
         href: string;
+        target?: '_blank';
+        rel?: string;
+        referrerPolicy?: React.HTMLAttributeReferrerPolicy;
         onSelect?: () => void;
       }
     | {
         children?: never;
         download?: never;
         href?: never;
+        target?: never;
+        rel?: never;
+        referrerPolicy?: never;
         onSelect: () => void;
       }
     | {
         children: readonly ContextMenuGroup[];
         download?: never;
         href?: never;
+        target?: never;
+        rel?: never;
+        referrerPolicy?: never;
         onSelect?: never;
       }
   );

package/dist/assets/agents-i7167DcF.js

@@ -1 +0,0 @@
-import{t as e}from"./agents-CTSR4ZKb.js";export{e as AgentsPage};

package/dist/assets/apps-DUP3aPpu.js

@@ -1 +0,0 @@
-import{ot as e}from"./app-presenter-provider-DdD2Q7jZ.js";export{e as AppsPanel};

package/dist/assets/cron-DPBUHn7j.js

@@ -1 +0,0 @@
-import{K as e}from"./app-presenter-provider-DdD2Q7jZ.js";export{e as CronJobResource};

package/dist/assets/doc-browser-C7kvXGc_.js

@@ -1 +0,0 @@
-import{St as e}from"./app-presenter-provider-DdD2Q7jZ.js";export{e as DocBrowser};

package/dist/assets/inbox-C09MQO9k.js

@@ -1 +0,0 @@
-import{z as e}from"./app-presenter-provider-DdD2Q7jZ.js";export{e as InboxPage};

package/dist/assets/mcp-marketplace-page-ZAm380SB.js

@@ -1 +0,0 @@
-import{st as e}from"./app-presenter-provider-DdD2Q7jZ.js";export{e as McpMarketplacePage};

package/dist/assets/panel-apps-BQlyeAId.js

@@ -1 +0,0 @@
-import{s as e,v as t}from"./theme-provider-BsJ6HxeX.js";import"./app-presenter-provider-DdD2Q7jZ.js";export{t as PanelAppHostProvider,e as PanelAppRuntimeSurface};

package/dist/assets/remote-DngM8iep.js

@@ -1 +0,0 @@
-import{F as e}from"./app-presenter-provider-DdD2Q7jZ.js";export{e as RemoteAccessPage};

package/src/features/panel-apps/components/__tests__/panel-app-toolbar.test.tsx

@@ -1,108 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { PanelAppToolbar } from '@/features/panel-apps/components/panel-app-toolbar';
-
-const mainSidebarMutation = vi.hoisted(() => ({
-  isPending: false,
-  pinned: false,
-  mutate: vi.fn(),
-}));
-
-vi.mock('@/features/panel-apps/hooks/use-panel-apps', () => ({
-  usePanelApps: () => ({ data:{ entries:[{ ...entry, mainSidebar: mainSidebarMutation.pinned }] } }),
-  useUpdatePanelAppPreferences: () => mainSidebarMutation,
-}));
-
-const entry = {
-  appId: 'ink-assistant',
-  clientDeclared: false,
-  clientGranted: false,
-  contentPath: '/api/panel-apps/ink-assistant/content',
-  createdAt: '2026-08-19T00:00:00.000Z',
-  favorite: false,
-  fileName: 'ink-assistant.panel.html',
-  id: 'ink-assistant',
-  kind: 'single-file' as const,
-  mainSidebar: false,
-  openCount: 0,
-  sizeBytes: 10,
-  title: '墨爪助手',
-  updatedAt: '2026-08-19T00:00:00.000Z',
-};
-
-describe('PanelAppToolbar', () => {
-  beforeEach(() => {
-    mainSidebarMutation.isPending = false;
-    mainSidebarMutation.pinned = false;
-    mainSidebarMutation.mutate.mockReset();
-  });
-
-  it('keeps placement in the overflow menu without adding a second back action', async () => {
-    const user = userEvent.setup();
-    render(
-      <PanelAppToolbar
-        appTitle="墨爪助手"
-        entry={entry}
-        onRefresh={vi.fn()}
-      />,
-    );
-
-    expect(screen.getByText('墨爪助手')).toBeTruthy();
-    expect(screen.queryByRole('button', { name: 'Apps' })).toBeNull();
-
-    expect(screen.queryByRole('menuitem', { name: 'Pin to left sidebar' })).toBeNull();
-    await user.click(screen.getByRole('button', { name: 'More panel app actions' }));
-    await user.click(screen.getByRole('menuitem', { name: 'Layout and position' }));
-    const addButton = screen.getByRole('menuitem', { name: 'Pin to left sidebar' });
-    expect(addButton.getAttribute('aria-pressed')).toBe('false');
-    await user.click(addButton);
-
-    expect(mainSidebarMutation.mutate).toHaveBeenCalledWith({
-      id: 'ink-assistant',
-      preferences: { mainSidebar: true },
-    });
-    expect(screen.queryByRole('menuitem', { name: 'Pin to left sidebar' })).toBeNull();
-  });
-
-  it('uses the same menu item to remove an app already in the main sidebar', async () => {
-    mainSidebarMutation.pinned = true;
-    const user = userEvent.setup();
-    render(
-      <PanelAppToolbar
-        appTitle="墨爪助手"
-        entry={{ ...entry, mainSidebar: true }}
-        onRefresh={vi.fn()}
-      />,
-    );
-
-    await user.click(screen.getByRole('button', { name: 'More panel app actions' }));
-    await user.click(screen.getByRole('menuitem', { name: 'Layout and position' }));
-    const removeButton = screen.getByRole('menuitem', { name: 'Unpin from left sidebar' });
-    expect(removeButton.getAttribute('aria-pressed')).toBe('true');
-    await user.click(removeButton);
-
-    expect(mainSidebarMutation.mutate).toHaveBeenCalledWith({
-      id: 'ink-assistant',
-      preferences: { mainSidebar: false },
-    });
-  });
-
-  it('offers the standalone app link from the toolbar menu', async () => {
-    const user = userEvent.setup();
-    render(
-      <PanelAppToolbar
-        appTitle="墨爪助手"
-        entry={entry}
-        onRefresh={vi.fn()}
-      />,
-    );
-
-    await user.click(screen.getByRole('button', { name: 'More panel app actions' }));
-    const link = screen.getByRole('link', { name: 'Open in New Tab' });
-    expect(link.getAttribute('href')).toBe('/apps/panel/ink-assistant/standalone');
-  });
-});
-
-vi.mock("react-router-dom", async (importOriginal) => ({ ...(await importOriginal<object>()),useNavigate: () => vi.fn(), useLocation: () => ({ pathname:'/apps',search:'' }) }));
-vi.mock("@/app/components/app-presenter-provider", () => ({ useAppPresenter: () => ({ pageResourceManager:{ open:vi.fn() } }) }));

package/src/features/panel-apps/components/panel-app-toolbar.tsx

@@ -1,89 +0,0 @@
-import { useMemo, useState } from 'react';
-import { MoreVertical, RefreshCw } from 'lucide-react';
-import { PanelAppMainSidebarMenuItem } from '@/features/panel-apps/components/panel-app-main-sidebar-menu-item';
-import { PanelAppOpenStandaloneMenuItem } from '@/features/panel-apps/components/panel-app-open-standalone-menu-item';
-import { usePanelApps } from '@/features/panel-apps/hooks/use-panel-apps';
-import { readPanelAppIdFromTab } from '@/features/right-panel-resources';
-import { IconActionButton } from '@/shared/components/ui/actions/icon-action-button';
-import { Popover, PopoverContent, PopoverTrigger } from '@/shared/components/ui/popover';
-import type { PanelAppEntryView } from '@/shared/lib/api';
-import { t } from '@/shared/lib/i18n';
-
-type PanelAppToolbarProps = {
-  appTitle: string;
-  entry?: PanelAppEntryView;
-  onRefresh: () => void;
-};
-
-export function PanelAppToolbar({
-  appTitle,
-  entry,
-  onRefresh,
-}: PanelAppToolbarProps) {
-  const [isMenuOpen, setIsMenuOpen] = useState(false);
-
-  return (
-    <div className="flex items-center justify-between gap-2 border-b border-border/70 bg-card px-3.5 py-2 shrink-0">
-      <span
-        className="min-w-0 flex-1 truncate text-xs font-medium text-muted-foreground"
-        title={appTitle}
-      >
-        {appTitle}
-      </span>
-      <IconActionButton
-        icon={<RefreshCw className="h-3.5 w-3.5" />}
-        label={t('panelAppsRefreshCurrent')}
-        onClick={onRefresh}
-        size="sm"
-      />
-      {entry ? (
-        <Popover open={isMenuOpen} onOpenChange={setIsMenuOpen}>
-          <PopoverTrigger asChild>
-            <IconActionButton
-              icon={<MoreVertical className="h-3.5 w-3.5" />}
-              label={t('panelAppsMoreActions')}
-              size="sm"
-            />
-          </PopoverTrigger>
-          <PopoverContent align="end" variant="menu">
-            <PanelAppOpenStandaloneMenuItem
-              entry={entry}
-              onSelect={() => setIsMenuOpen(false)}
-            />
-            <PanelAppMainSidebarMenuItem
-              entry={entry}
-              onSelect={() => setIsMenuOpen(false)}
-            />
-          </PopoverContent>
-        </Popover>
-      ) : null}
-    </div>
-  );
-}
-
-export function PanelAppDocBrowserToolbar({
-  appTitle,
-  currentUrl,
-  onRefresh,
-  resourceUri,
-}: {
-  appTitle: string;
-  currentUrl: string;
-  onRefresh: () => void;
-  resourceUri?: string;
-}) {
-  const panelApps = usePanelApps();
-  const appId = readPanelAppIdFromTab({ currentUrl, resourceUri });
-  const entry = useMemo(
-    () => panelApps.data?.entries.find((candidate) => candidate.appId === appId),
-    [appId, panelApps.data?.entries],
-  );
-
-  return (
-    <PanelAppToolbar
-      appTitle={entry?.title ?? appTitle}
-      entry={entry}
-      onRefresh={onRefresh}
-    />
-  );
-}