widgets: resync button on the panel

A reload button (next to +) so newly-deployed widgets show up without a manual
hard-refresh after a rebuild+restart.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/workspaces/officerdev/src/apps/Widgets/WidgetPanel.tsx

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useClient } from 'hooks/useClient';
 import { useAuth } from 'hooks/useAuth';
-import { Plus, X } from 'lucide-react';
+import { Plus, X, RefreshCw } from 'lucide-react';
 import { useWidgetRegistry } from '../../WidgetRegistry';
 import { WidgetPicker } from './WidgetPicker';
 
@@ -226,13 +226,23 @@ export const WidgetPanel = ({ panelId }: { panelId: string }) => {
             <WidgetPicker onSelect={addWidget} />
           </div>
         )}
-        <button
+        <div className="flex items-center gap-2">
-          type="button"
+          <button
-          className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-colors cursor-pointer"
+            type="button"
-          onClick={() => setShowPicker((v) => !v)}
+            title="Resync widgets (reload to pick up newly-deployed widgets)"
-        >
+            className="flex h-10 w-10 items-center justify-center rounded-full border border-border bg-card text-muted-foreground shadow-lg transition-colors hover:text-foreground cursor-pointer"
-          <Plus size={20} />
+            onClick={() => window.location.reload()}
-        </button>
+          >
+            <RefreshCw size={18} />
+          </button>
+          <button
+            type="button"
+            className="flex h-10 w-10 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-colors cursor-pointer"
+            onClick={() => setShowPicker((v) => !v)}
+          >
+            <Plus size={20} />
+          </button>
+        </div>
       </div>
     </div>
   );