@nextclaw/ui 0.13.9 → 0.13.10-beta.1

package/public/sw.js

@@ -1,7 +1,6 @@
 /* global caches, self */
 
 const SHELL_CACHE = 'nextclaw-ui-shell-v2';
-const RUNTIME_CACHE = 'nextclaw-ui-runtime-v2';
 const SHELL_ASSETS = ['/offline.html', '/manifest.webmanifest', '/logo.svg', '/pwa-192.png', '/pwa-512.png'];
 
 self.addEventListener('install', (event) => {
@@ -10,24 +9,16 @@ self.addEventListener('install', (event) => {
       return cache.addAll(SHELL_ASSETS);
     })
   );
-  self.skipWaiting();
 });
 
 self.addEventListener('activate', (event) => {
   event.waitUntil(
     caches.keys().then(async (keys) => {
-      await Promise.all(keys.filter((key) => key !== SHELL_CACHE && key !== RUNTIME_CACHE).map((key) => caches.delete(key)));
-      await self.clients.claim();
+      await Promise.all(keys.filter((key) => key.startsWith('nextclaw-ui-') && key !== SHELL_CACHE).map((key) => caches.delete(key)));
     })
   );
 });
 
-self.addEventListener('message', (event) => {
-  if (event.data?.type === 'SKIP_WAIT') {
-    self.skipWaiting();
-  }
-});
-
 self.addEventListener('fetch', (event) => {
   const { request } = event;
   if (request.method !== 'GET') {
@@ -35,11 +26,6 @@ self.addEventListener('fetch', (event) => {
   }
 
   const url = new URL(request.url);
-  if (request.mode === 'navigate') {
-    event.respondWith(handleNavigation(request));
-    return;
-  }
-
   if (url.origin !== self.location.origin) {
     return;
   }
@@ -48,30 +34,19 @@ self.addEventListener('fetch', (event) => {
     return;
   }
 
-  if (['script', 'style', 'image', 'font'].includes(request.destination) || url.pathname === '/manifest.webmanifest') {
-    event.respondWith(handleStaticAsset(request));
+  if (SHELL_ASSETS.includes(url.pathname)) {
+    event.respondWith(readShellAsset(request));
   }
 });
 
-async function handleNavigation(request) {
-  try {
-    const response = await fetch(request);
-    const runtimeCache = await caches.open(RUNTIME_CACHE);
-    runtimeCache.put(request, response.clone());
-    return response;
-  } catch {
-    return caches.match('/offline.html');
-  }
-}
-
-async function handleStaticAsset(request) {
+async function readShellAsset(request) {
   const cachedResponse = await caches.match(request);
   if (cachedResponse) {
     return cachedResponse;
   }
 
   const response = await fetch(request);
-  const runtimeCache = await caches.open(RUNTIME_CACHE);
-  runtimeCache.put(request, response.clone());
+  const shellCache = await caches.open(SHELL_CACHE);
+  shellCache.put(request, response.clone());
   return response;
 }

package/src/app/index.tsx

@@ -19,7 +19,6 @@ import {
 import { useAppEventConsumers } from "@/app/hooks/use-app-event-consumers";
 import {
   PwaInstallBanner,
-  PwaUpdateBanner,
 } from "@/pwa/components/pwa-install-entry";
 import { startNextClawPwa } from "@/pwa/register-pwa";
 
@@ -251,7 +250,6 @@ export default function AppContent() {
     <QueryClientProvider client={appQueryClient}>
       <AuthGate />
       <PwaInstallBanner />
-      <PwaUpdateBanner />
       <Toaster position="top-right" richColors offset={window.nextclawDesktop?.platform === "win32" ? 56 : undefined} mobileOffset={window.nextclawDesktop?.platform === "win32" ? 56 : undefined} />
     </QueryClientProvider>
   );

package/src/features/panel-apps/components/panel-app-list-item.test.tsx

@@ -5,7 +5,9 @@ import { PanelAppListItem } from './panel-app-list-item';
 
 const baseEntry = {
   id: 'demo',
+  appId: 'demo',
   fileName: 'demo.panel.html',
+  kind: 'single-file' as const,
   title: 'Demo Panel',
   description: 'A compact panel app with a longer description that should stay on one line.',
   contentPath: '/api/panel-apps/demo/content',
@@ -13,6 +15,8 @@ const baseEntry = {
   updatedAt: '2026-05-28T09:00:00.000Z',
   sizeBytes: 12,
   favorite: false,
+  clientDeclared: false,
+  clientGranted: false,
   openCount: 0,
 };
 

package/src/features/panel-apps/components/panel-apps-list.tsx

@@ -1,7 +1,8 @@
 import { useMemo, useState, type ReactNode } from 'react';
 import { HelpCircle, RefreshCw } from 'lucide-react';
+import { useAppPresenter } from '@/app/components/app-presenter-provider';
 import { PanelAppListItem } from '@/features/panel-apps/components/panel-app-list-item';
-import { useDeletePanelApp, usePanelApps, useRecordPanelAppOpened, useUpdatePanelAppPreferences } from '@/features/panel-apps/hooks/use-panel-apps';
+import { useDeletePanelApp, useGrantPanelAppClient, usePanelApps, useRecordPanelAppOpened, useUpdatePanelAppPreferences } from '@/features/panel-apps/hooks/use-panel-apps';
 import { getPanelAppViewEntries } from '@/features/panel-apps/utils/panel-app-view.utils';
 import type { PanelAppViewMode } from '@/features/panel-apps/utils/panel-app-view.utils';
 import type { PanelAppEntryView } from '@/shared/lib/api';
@@ -20,6 +21,8 @@ export function PanelAppsList({
   const deletePanelApp = useDeletePanelApp();
   const updatePreferences = useUpdatePanelAppPreferences();
   const recordOpened = useRecordPanelAppOpened();
+  const grantClient = useGrantPanelAppClient();
+  const presenter = useAppPresenter();
   const [viewMode, setViewMode] = useState<PanelAppViewMode>('smart');
   const entries = useMemo(
     () => getPanelAppViewEntries(panelApps.data?.entries ?? [], viewMode),
@@ -27,6 +30,9 @@ export function PanelAppsList({
   );
 
   const openPanelApp = async (entry: PanelAppEntryView) => {
+    if (!(await ensurePanelAppClientGrant(entry))) {
+      return;
+    }
     try {
       onOpenPanelApp(await recordOpened.mutateAsync(entry.id));
     } catch {
@@ -34,6 +40,26 @@ export function PanelAppsList({
     }
   };
 
+  const ensurePanelAppClientGrant = async (entry: PanelAppEntryView): Promise<boolean> => {
+    if (!entry.clientDeclared || entry.clientGranted) {
+      return true;
+    }
+    const allowed = await presenter.serviceActionAuthorizationManager.requestAuthorization({
+      panelAppId: entry.appId,
+      actions: [{
+        actionId: 'nextclaw.client',
+        actionTitle: t('panelAppsClientGrantTitle'),
+        actionDescription: t('panelAppsClientGrantDescription'),
+        risk: 'dangerous',
+      }],
+    });
+    if (!allowed) {
+      return false;
+    }
+    await grantClient.mutateAsync(entry.appId);
+    return true;
+  };
+
   const toggleFavorite = (entry: PanelAppEntryView) => {
     updatePreferences.mutate({
       id: entry.id,

package/src/features/panel-apps/hooks/use-panel-apps.ts

@@ -38,6 +38,16 @@ export function useRecordPanelAppOpened() {
   });
 }
 
+export function useGrantPanelAppClient() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (appId: string) => nextclawClient.panelApps.grantClient(appId),
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: PANEL_APPS_QUERY_KEY });
+    },
+  });
+}
+
 export function useDeletePanelApp() {
   const queryClient = useQueryClient();
   return useMutation({

package/src/features/panel-apps/managers/panel-app-bridge.manager.test.ts

@@ -5,7 +5,6 @@ import { PanelAppBridgeManager } from '@/features/panel-apps/managers/panel-app-
 import type { ServiceActionAuthorizationManager } from '@/features/service-apps';
 
 const mocks = vi.hoisted(() => ({
-  createBridgeSession: vi.fn(),
   generateAgentObject: vi.fn(),
   grantAgentCapability: vi.fn(),
   grantServiceAction: vi.fn(),
@@ -19,7 +18,6 @@ const mocks = vi.hoisted(() => ({
 vi.mock('@/shared/lib/api', () => ({
   nextclawClient: {
     panelApps: {
-      createBridgeSession: mocks.createBridgeSession,
       generateAgentObject: mocks.generateAgentObject,
       grantAgentCapability: mocks.grantAgentCapability,
       sendAgentMessage: mocks.sendAgentMessage,
@@ -51,10 +49,17 @@ function createIframeHarness(manager: PanelAppBridgeManager) {
   return {
     postMessage,
     send: (
-      data: unknown,
+      data: Record<string, unknown>,
       iframeInstanceId = 'tab-1:0:0',
     ) => manager.handleIframeMessage({
-      event: { data, source: contentWindow } as MessageEvent,
+      event: {
+        data: {
+          appId: 'mood-calendar',
+          runtimeToken: 'token-1',
+          ...data,
+        },
+        source: contentWindow,
+      } as MessageEvent,
       iframe,
       iframeInstanceId,
       tab: {
@@ -70,22 +75,11 @@ function createIframeHarness(manager: PanelAppBridgeManager) {
   };
 }
 
-function mockBridgeSession(token = 'token-1') {
-  mocks.createBridgeSession.mockResolvedValue({
-    expiresAt: '2026-05-28T00:00:00.000Z',
-    id: `session-${token}`,
-    panelAppId: 'mood-calendar',
-    tabId: 'tab-1',
-    token,
-  });
-}
-
 describe('PanelAppBridgeManager', () => {
   it('authorizes missing service actions in one flow before retrying a protected action', async () => {
     const manager = createManager();
     const { postMessage, send } = createIframeHarness(manager);
     const actionId = 'mood-tracker.saveMood';
-    mockBridgeSession();
     mocks.invokeServiceAction
       .mockRejectedValueOnce(new NextClawClientError({
         code: 'AUTHORIZATION_REQUIRED',
@@ -176,7 +170,6 @@ describe('PanelAppBridgeManager', () => {
   it('opens the authorization flow before retrying a protected generateObject call', async () => {
     const manager = createManager();
     const { postMessage, send } = createIframeHarness(manager);
-    mockBridgeSession();
     mocks.generateAgentObject
       .mockRejectedValueOnce(new NextClawClientError({
         code: 'AUTHORIZATION_REQUIRED',
@@ -221,49 +214,34 @@ describe('PanelAppBridgeManager', () => {
     }, '*');
   });
 
-  it('creates a fresh bridge session for each iframe instance', async () => {
+  it('uses the injected runtime token without creating a bridge session', async () => {
     const manager = createManager();
     const { postMessage, send } = createIframeHarness(manager);
-    mocks.createBridgeSession
-      .mockResolvedValueOnce({
-        expiresAt: '2026-05-28T00:00:00.000Z',
-        id: 'session-1',
-        panelAppId: 'mood-calendar',
-        tabId: 'tab-1',
-        token: 'token-1',
-      })
-      .mockResolvedValueOnce({
-        expiresAt: '2026-05-28T00:00:00.000Z',
-        id: 'session-2',
-        panelAppId: 'mood-calendar',
-        tabId: 'tab-1',
-        token: 'token-2',
-      });
     mocks.listServiceActions.mockResolvedValue({ actions: [] });
 
-    for (const [requestId, iframeInstanceId] of [
-      ['request-1', 'tab-1:0:0'],
-      ['request-2', 'tab-1:0:0'],
-      ['request-3', 'tab-1:0:1'],
+    for (const [requestId, runtimeToken] of [
+      ['request-1', 'token-1'],
+      ['request-2', 'token-2'],
+      ['request-3', 'token-3'],
     ]) {
       send({
         method: 'list',
         requestId,
+        runtimeToken,
         type: 'nextclaw:panel-app-service-actions:request',
-      }, iframeInstanceId);
+      });
     }
 
     await waitFor(() => expect(postMessage).toHaveBeenCalledTimes(3));
 
-    expect(mocks.createBridgeSession).toHaveBeenCalledTimes(2);
     expect(mocks.listServiceActions).toHaveBeenNthCalledWith(1, {
       bridgeSessionToken: 'token-1',
     });
     expect(mocks.listServiceActions).toHaveBeenNthCalledWith(2, {
-      bridgeSessionToken: 'token-1',
+      bridgeSessionToken: 'token-2',
     });
     expect(mocks.listServiceActions).toHaveBeenNthCalledWith(3, {
-      bridgeSessionToken: 'token-2',
+      bridgeSessionToken: 'token-3',
     });
   });
 });

package/src/features/panel-apps/managers/panel-app-bridge.manager.ts

@@ -5,7 +5,6 @@ import type {
   PanelAppAgentGenerateObjectResultView,
   PanelAppAgentSendRequestView,
   PanelAppAgentSendResultView,
-  PanelAppBridgeSessionView,
   PanelAppCapabilityGrantView,
   ServiceActionGrantView,
   ServiceActionInvokeResultView,
@@ -18,6 +17,8 @@ import { nextclawClient } from '@/shared/lib/api';
 type PanelAppBridgeRequest = {
   type: 'nextclaw:panel-app-service-actions:request';
   requestId: string;
+  appId: string;
+  runtimeToken: string;
   method:
     | 'agent.generateObject'
     | 'agent.send'
@@ -32,6 +33,11 @@ type PanelAppBridgeRequest = {
   };
 };
 
+type PanelAppBridgeContext = {
+  appId: string;
+  token: string;
+};
+
 type PanelAppBridgeResponse =
   | {
       type: 'nextclaw:panel-app-service-actions:response';
@@ -51,8 +57,6 @@ type PanelAppBridgeResponse =
     };
 
 export class PanelAppBridgeManager {
-  private readonly sessions = new Map<string, Promise<PanelAppBridgeSessionView>>();
-
   constructor(private readonly authorizationManager: ServiceActionAuthorizationManager) {}
 
   handleIframeMessage = ({ event, iframe, iframeInstanceId, tab }: DocBrowserIframeMessageParams): void => {
@@ -70,7 +74,7 @@ export class PanelAppBridgeManager {
     request: PanelAppBridgeRequest,
   ): Promise<void> => {
     try {
-      const session = await this.getSession(params);
+      const session = this.getBridgeContext(request);
       const data = await this.dispatchRequest(session, request);
       this.postResponse(params, {
         type: 'nextclaw:panel-app-service-actions:response',
@@ -89,7 +93,7 @@ export class PanelAppBridgeManager {
   };
 
   private dispatchRequest = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     request: PanelAppBridgeRequest,
   ): Promise<
     | PanelAppAgentGenerateObjectResultView
@@ -124,7 +128,7 @@ export class PanelAppBridgeManager {
   };
 
   private invokeWithAuthorization = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     request: PanelAppBridgeRequest,
   ): Promise<ServiceActionInvokeResultView> => {
     const actionId = this.requireActionId(request);
@@ -148,7 +152,7 @@ export class PanelAppBridgeManager {
   };
 
   private sendAgentMessageWithAuthorization = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     request: PanelAppBridgeRequest,
   ): Promise<PanelAppAgentSendResultView> => {
     try {
@@ -169,7 +173,7 @@ export class PanelAppBridgeManager {
   };
 
   private generateAgentObjectWithAuthorization = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     request: PanelAppBridgeRequest,
   ): Promise<PanelAppAgentGenerateObjectResultView> => {
     try {
@@ -190,11 +194,11 @@ export class PanelAppBridgeManager {
   };
 
   private confirmAndGrantAgentCapability = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     capability: PanelAppAgentCapabilityView,
   ): Promise<PanelAppCapabilityGrantView> => {
     const allowed = await this.authorizationManager.requestAuthorization({
-      panelAppId: session.panelAppId,
+      panelAppId: session.appId,
       actions: [{
         actionId: capability,
         actionTitle: capability === 'agent:send' ? 'Send agent message' : 'Generate object',
@@ -217,13 +221,13 @@ export class PanelAppBridgeManager {
   };
 
   private confirmAndGrant = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     actionId: string,
     input?: Record<string, unknown>,
   ): Promise<ServiceActionGrantView> => {
     const actions = await this.listGrantCandidateActions(session, actionId);
     const allowed = await this.authorizationManager.requestAuthorization({
-      panelAppId: session.panelAppId,
+      panelAppId: session.appId,
       actions: actions.map((action) => ({
         actionId: action.id,
         actionTitle: action.title,
@@ -250,7 +254,7 @@ export class PanelAppBridgeManager {
   };
 
   private listGrantCandidateActions = async (
-    session: PanelAppBridgeSessionView,
+    session: PanelAppBridgeContext,
     actionId: string,
   ): Promise<Array<ServiceActionListView['actions'][number]>> => {
     const actionList = await nextclawClient.serviceApps.listServiceActions({
@@ -294,29 +298,11 @@ export class PanelAppBridgeManager {
     }
   };
 
-  private getSession = async (
-    params: DocBrowserIframeMessageParams,
-  ): Promise<PanelAppBridgeSessionView> => {
-    const panelAppId = this.readPanelAppId(params.tab.currentUrl);
-    const key = `${params.iframeInstanceId}:${panelAppId}`;
-    let session = this.sessions.get(key);
-    if (!session) {
-      session = nextclawClient.panelApps.createBridgeSession({
-        panelAppId,
-        tabId: params.tab.id,
-      });
-      this.sessions.set(key, session);
-    }
-    return await session;
-  };
-
-  private readPanelAppId = (url: string): string => {
-    const parsed = new URL(url, window.location.origin);
-    const match = /^\/api\/panel-apps\/([^/]+)\/content$/.exec(parsed.pathname);
-    if (!match?.[1]) {
-      throw new Error('Current tab is not a Panel App.');
-    }
-    return decodeURIComponent(match[1]);
+  private getBridgeContext = (request: PanelAppBridgeRequest): PanelAppBridgeContext => {
+    return {
+      appId: request.appId,
+      token: request.runtimeToken,
+    };
   };
 
   private requireActionId = (request: PanelAppBridgeRequest): string => {
@@ -383,6 +369,8 @@ export class PanelAppBridgeManager {
     return (
       candidate.type === 'nextclaw:panel-app-service-actions:request' &&
       typeof candidate.requestId === 'string' &&
+      typeof candidate.runtimeToken === 'string' &&
+      typeof candidate.appId === 'string' &&
       (candidate.method === 'invoke' ||
         candidate.method === 'agent.send' ||
         candidate.method === 'agent.generateObject' ||

package/src/features/panel-apps/utils/panel-app-view.utils.test.ts

@@ -7,13 +7,17 @@ function createPanelAppEntry(overrides: Partial<PanelAppEntryView> = {}): PanelA
   const updatedAt = overrides.updatedAt ?? createdAt;
   return {
     id: overrides.id ?? overrides.fileName ?? 'demo.panel.html',
+    appId: overrides.appId ?? 'demo',
     fileName: overrides.fileName ?? 'demo.panel.html',
+    kind: overrides.kind ?? 'single-file',
     title: overrides.title ?? 'Demo',
     contentPath: overrides.contentPath ?? '/api/panel-apps/demo/content',
     createdAt,
     updatedAt,
     sizeBytes: overrides.sizeBytes ?? 12,
     favorite: overrides.favorite ?? false,
+    clientDeclared: overrides.clientDeclared ?? false,
+    clientGranted: overrides.clientGranted ?? false,
     openCount: overrides.openCount ?? 0,
     ...overrides,
   };

package/src/features/pwa/components/pwa-install-entry.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { beforeEach, describe, expect, it } from 'vitest';
-import { PwaInstallBanner, PwaInstallCard, PwaUpdateBanner } from '@/features/pwa';
+import { PwaInstallBanner, PwaInstallCard } from '@/features/pwa';
 import { usePwaStore, createInitialPwaState } from '@/features/pwa/stores/pwa.store';
 
 describe('PwaInstallCard', () => {
@@ -14,9 +14,7 @@ describe('PwaInstallCard', () => {
       installability: 'available',
       installMethod: 'prompt',
       blockedReason: null,
-      dismissedInstallPrompt: false,
-      updateAvailable: false,
-      registrationFailed: false
+      dismissedInstallPrompt: false
     });
 
     render(<PwaInstallCard />);
@@ -31,9 +29,7 @@ describe('PwaInstallCard', () => {
       installability: 'suppressed',
       installMethod: 'none',
       blockedReason: 'desktop-host',
-      dismissedInstallPrompt: false,
-      updateAvailable: false,
-      registrationFailed: false
+      dismissedInstallPrompt: false
     });
 
     render(<PwaInstallCard />);
@@ -42,48 +38,13 @@ describe('PwaInstallCard', () => {
     expect(screen.getByText(/already running inside the Electron desktop host/i)).toBeTruthy();
   });
 
-  it('does not render update banner before installation', () => {
-    usePwaStore.setState({
-      initialized: true,
-      installability: 'available',
-      installMethod: 'manual',
-      blockedReason: null,
-      dismissedInstallPrompt: false,
-      updateAvailable: true,
-      registrationFailed: false
-    });
-
-    const { container } = render(<PwaUpdateBanner />);
-
-    expect(container.textContent).toBe('');
-  });
-
-  it('renders update banner only for installed pwa', () => {
-    usePwaStore.setState({
-      initialized: true,
-      installability: 'installed',
-      installMethod: 'none',
-      blockedReason: null,
-      dismissedInstallPrompt: false,
-      updateAvailable: true,
-      registrationFailed: false
-    });
-
-    render(<PwaUpdateBanner />);
-
-    expect(screen.getByText('NextClaw Update Ready')).toBeTruthy();
-    expect(screen.getByRole('button', { name: 'Refresh Now' })).toBeTruthy();
-  });
-
   it('renders install banner when prompt install is available and not dismissed', () => {
     usePwaStore.setState({
       initialized: true,
       installability: 'available',
       installMethod: 'prompt',
       blockedReason: null,
-      dismissedInstallPrompt: false,
-      updateAvailable: false,
-      registrationFailed: false
+      dismissedInstallPrompt: false
     });
 
     render(<PwaInstallBanner />);
@@ -98,9 +59,7 @@ describe('PwaInstallCard', () => {
       installability: 'available',
       installMethod: 'prompt',
       blockedReason: null,
-      dismissedInstallPrompt: true,
-      updateAvailable: false,
-      registrationFailed: false
+      dismissedInstallPrompt: true
     });
 
     const { container } = render(<PwaInstallBanner />);

package/src/features/pwa/components/pwa-install-entry.tsx

@@ -2,10 +2,9 @@ import { Button } from '@/shared/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/shared/components/ui/card';
 import { usePwaStore } from '@/features/pwa/stores/pwa.store';
 import { pwaInstallManager } from '@/features/pwa/managers/pwa-install.manager';
-import { pwaRuntimeManager } from '@/features/pwa/managers/pwa-runtime.manager';
 import { t } from '@/shared/lib/i18n';
 import { cn } from '@/shared/lib/utils';
-import { Download, RefreshCw, Smartphone, X } from 'lucide-react';
+import { Download, Smartphone, X } from 'lucide-react';
 
 function InstallStatusBadge() {
   const installability = usePwaStore((state) => state.installability);
@@ -170,36 +169,3 @@ export function PwaInstallBanner() {
     </div>
   );
 }
-
-export function PwaUpdateBanner() {
-  const updateAvailable = usePwaStore((state) => state.updateAvailable);
-  const installability = usePwaStore((state) => state.installability);
-
-  if (!updateAvailable || installability !== 'installed') {
-    return null;
-  }
-
-  return (
-    <div className="fixed top-5 right-5 z-50 w-[min(420px,calc(100vw-2rem))] rounded-[26px] border border-gray-200 bg-white/95 p-5 shadow-2xl backdrop-blur-xl">
-      <div className="flex items-start justify-between gap-4">
-        <div className="space-y-1">
-          <p className="text-sm font-semibold text-gray-900">{t('pwaUpdateBannerTitle')}</p>
-          <p className="text-sm leading-6 text-gray-600">{t('pwaUpdateBannerDescription')}</p>
-        </div>
-      </div>
-      <div className="mt-4">
-        <Button
-          type="button"
-          size="sm"
-          className="gap-2"
-          onClick={() => {
-            void pwaRuntimeManager.applyUpdate();
-          }}
-        >
-          <RefreshCw className="h-4 w-4" />
-          {t('pwaUpdateAction')}
-        </Button>
-      </div>
-    </div>
-  );
-}

package/src/features/pwa/index.ts

@@ -1,4 +1,4 @@
-export { PwaInstallBanner, PwaInstallCard, PwaUpdateBanner } from './components/pwa-install-entry';
+export { PwaInstallBanner, PwaInstallCard } from './components/pwa-install-entry';
 export { startNextClawPwa } from './managers/pwa-bootstrap.manager';
 export { pwaInstallManager } from './managers/pwa-install.manager';
 export { pwaShellThemeManager } from './managers/pwa-shell-theme.manager';

package/src/features/pwa/managers/pwa-install.manager.ts

@@ -1,6 +1,5 @@
 import { usePwaStore, createInitialPwaState } from '@/features/pwa/stores/pwa.store';
 import type { PwaInstallBlockedReason, PwaInstallMethod, PwaInstallPromptOutcome, PwaInstallabilityState } from '@/features/pwa/types/pwa.types';
-import { pwaRuntimeManager } from '@/features/pwa/managers/pwa-runtime.manager';
 import {
   clearPwaInstallBannerDismissal,
   dismissPwaInstallBanner,
@@ -68,7 +67,6 @@ export class PwaInstallManager {
       blockedReason: resolution.blockedReason,
       dismissedInstallPrompt: isPwaInstallBannerDismissed()
     }));
-    void pwaRuntimeManager.syncUpdateAvailability();
   };
 
   dismissInstallPrompt = () => {