@shepai/cli 1.77.2-pr240.88b3534 → 1.77.2-pr243.1fc63c3

package/web/.next/standalone/src/presentation/web/components/features/settings/ModelPicker/index.tsx

@@ -0,0 +1,167 @@
+'use client';
+
+import * as React from 'react';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { getSupportedModels } from '@/app/actions/get-supported-models';
+import { updateModel } from '@/app/actions/update-model';
+import { Button } from '@/components/ui/button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { cn } from '@/lib/utils';
+
+export interface ModelPickerProps {
+  /** Current model identifier shown as the initial selection */
+  initialModel: string;
+  /** Optional callback notified when the model is successfully persisted */
+  onModelChange?: (model: string) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+/**
+ * ModelPicker
+ *
+ * A combobox that lets the user choose the default LLM model. On mount it
+ * calls the `getSupportedModels` server action to populate suggestions for
+ * the currently configured agent; the user may also type any free-text model
+ * identifier. On selection the new value is persisted via `updateModel`.
+ */
+export function ModelPicker({
+  initialModel,
+  onModelChange,
+  disabled,
+  className,
+}: ModelPickerProps) {
+  const [open, setOpen] = React.useState(false);
+  const [models, setModels] = React.useState<string[]>([]);
+  const [loading, setLoading] = React.useState(true);
+  const [saving, setSaving] = React.useState(false);
+  const [value, setValue] = React.useState(initialModel);
+  const [inputValue, setInputValue] = React.useState(initialModel);
+  const [error, setError] = React.useState<string | null>(null);
+
+  // Load advertised models on mount
+  React.useEffect(() => {
+    getSupportedModels()
+      .then(setModels)
+      .finally(() => setLoading(false));
+  }, []);
+
+  // Keep local state in sync when initialModel prop changes
+  React.useEffect(() => {
+    setValue(initialModel);
+    setInputValue(initialModel);
+  }, [initialModel]);
+
+  const filteredModels = models.filter((m) => m.toLowerCase().includes(inputValue.toLowerCase()));
+
+  const handleSelect = async (model: string) => {
+    setOpen(false);
+    await persist(model);
+  };
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setInputValue(e.target.value);
+    if (!open) setOpen(true);
+  };
+
+  const handleInputKeyDown = async (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      setOpen(false);
+      await persist(inputValue);
+    }
+    if (e.key === 'Escape') {
+      setOpen(false);
+      // Revert input to last saved value
+      setInputValue(value);
+    }
+  };
+
+  const persist = async (model: string) => {
+    if (!model.trim() || model === value) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const result = await updateModel(model);
+      if (result.ok) {
+        setValue(model);
+        onModelChange?.(model);
+      } else {
+        setError(result.error ?? 'Failed to save model');
+        setInputValue(value); // revert
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const isDisabled = (disabled ?? false) || loading || saving;
+
+  return (
+    <div className={cn('flex flex-col gap-1', className)}>
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant="outline"
+            role="combobox"
+            aria-expanded={open}
+            disabled={isDisabled}
+            className="w-full justify-between font-normal"
+          >
+            <span className="truncate">
+              {loading ? 'Loading models…' : saving ? 'Saving…' : (value ?? 'Select model…')}
+            </span>
+            <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-[var(--radix-popover-trigger-width)] p-0" align="start">
+          <Command>
+            <CommandInput
+              placeholder="Search or type a model ID…"
+              value={inputValue}
+              onChange={handleInputChange}
+              onKeyDown={handleInputKeyDown}
+            />
+            <CommandList>
+              {!loading && filteredModels.length === 0 && (
+                <CommandEmpty>
+                  {models.length === 0
+                    ? 'No models advertised for this agent.'
+                    : 'No match — press Enter to use this value.'}
+                </CommandEmpty>
+              )}
+              {filteredModels.length > 0 && (
+                <CommandGroup>
+                  {filteredModels.map((model) => (
+                    <CommandItem
+                      key={model}
+                      selected={model === value}
+                      onClick={() => handleSelect(model)}
+                    >
+                      <Check
+                        className={cn(
+                          'mr-2 h-4 w-4',
+                          model === value ? 'opacity-100' : 'opacity-0'
+                        )}
+                      />
+                      {model}
+                    </CommandItem>
+                  ))}
+                </CommandGroup>
+              )}
+            </CommandList>
+          </Command>
+        </PopoverContent>
+      </Popover>
+      {Boolean(error) && <p className="text-destructive text-sm">{error}</p>}
+    </div>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/features/settings/settings-page-client.tsx

@@ -15,24 +15,15 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { updateSettingsAction } from '@/app/actions/update-settings';
-import { AgentType, AgentAuthMethod, EditorType } from '@shepai/core/domain/generated/output';
-import { getAgentTypeIcon } from '@/components/common/feature-node/agent-type-icons';
+import { type AgentType, AgentAuthMethod, EditorType } from '@shepai/core/domain/generated/output';
 import { getEditorTypeIcon } from '@/components/common/editor-type-icons';
+import { AgentModelPicker } from '@/components/features/settings/AgentModelPicker';
 import type {
   Settings,
   FeatureFlags,
   NotificationPreferences,
 } from '@shepai/core/domain/generated/output';
 
-const AGENT_TYPE_OPTIONS = [
-  { value: AgentType.ClaudeCode, label: 'Claude Code' },
-  { value: AgentType.Cursor, label: 'Cursor' },
-  { value: AgentType.GeminiCli, label: 'Gemini CLI' },
-  { value: AgentType.Aider, label: 'Aider' },
-  { value: AgentType.Continue, label: 'Continue' },
-  { value: AgentType.Dev, label: 'Dev' },
-];
-
 const AUTH_METHOD_OPTIONS = [
   { value: AgentAuthMethod.Session, label: 'Session' },
   { value: AgentAuthMethod.Token, label: 'Token' },
@@ -92,7 +83,7 @@ function SettingsRow({
 }) {
   return (
     <div className="flex items-center justify-between gap-4 border-b py-3 last:border-b-0">
-      <Label htmlFor={htmlFor} className="text-sm font-normal whitespace-nowrap">
+      <Label htmlFor={htmlFor} className="cursor-pointer text-sm font-normal whitespace-nowrap">
         {label}
       </Label>
       <div className="flex items-center gap-2">{children}</div>
@@ -118,7 +109,7 @@ function SelectRow({
   return (
     <SettingsRow label={label} htmlFor={id}>
       <Select value={value} onValueChange={onChange}>
-        <SelectTrigger id={id} data-testid={testId} className="w-45">
+        <SelectTrigger id={id} data-testid={testId} className="w-45 cursor-pointer">
           <SelectValue />
         </SelectTrigger>
         <SelectContent>
@@ -148,7 +139,13 @@ function SwitchRow({
 }) {
   return (
     <SettingsRow label={label} htmlFor={id}>
-      <Switch id={id} data-testid={testId} checked={checked} onCheckedChange={onChange} />
+      <Switch
+        id={id}
+        data-testid={testId}
+        checked={checked}
+        onCheckedChange={onChange}
+        className="cursor-pointer"
+      />
     </SettingsRow>
   );
 }
@@ -274,7 +271,7 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }: SettingsP
   return (
     <div data-testid="settings-page-client" className="max-w-lg">
       <div className="flex items-center justify-between border-b pb-3">
-        <h1 className="text-lg font-semibold tracking-tight">Settings</h1>
+        <h1 className="text-sm font-bold tracking-tight">Settings</h1>
         {isPending ? <span className="text-muted-foreground text-xs">Saving...</span> : null}
         {showSaved && !isPending ? (
           <span className="flex items-center gap-1 text-xs text-green-600">
@@ -291,31 +288,14 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }: SettingsP
         >
           Agent
         </h2>
-        <SettingsRow label="Agent" htmlFor="agent-type">
-          <Select
-            value={agentType}
-            onValueChange={(v) => {
-              setAgentType(v as AgentType);
-              save(buildAgentPayload({ type: v as AgentType }));
-            }}
-          >
-            <SelectTrigger id="agent-type" data-testid="agent-type-select" className="w-45">
-              <SelectValue />
-            </SelectTrigger>
-            <SelectContent>
-              {AGENT_TYPE_OPTIONS.map((opt) => {
-                const Icon = getAgentTypeIcon(opt.value);
-                return (
-                  <SelectItem key={opt.value} value={opt.value}>
-                    <span className="flex items-center gap-2">
-                      <Icon className="h-4 w-4 shrink-0" />
-                      {opt.label}
-                    </span>
-                  </SelectItem>
-                );
-              })}
-            </SelectContent>
-          </Select>
+        <SettingsRow label="Agent & Model" htmlFor="agent-model-picker">
+          <AgentModelPicker
+            initialAgentType={agentType}
+            initialModel={settings.models.default}
+            mode="settings"
+            onAgentModelChange={(newAgent) => setAgentType(newAgent as AgentType)}
+            className="w-45"
+          />
         </SettingsRow>
         <SelectRow
           label="Authentication"
@@ -374,7 +354,11 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize }: SettingsP
               save({ environment: { defaultEditor: v as EditorType, shellPreference: shell } });
             }}
           >
-            <SelectTrigger id="default-editor" data-testid="editor-select" className="w-45">
+            <SelectTrigger
+              id="default-editor"
+              data-testid="editor-select"
+              className="w-45 cursor-pointer"
+            >
               <SelectValue />
             </SelectTrigger>
             <SelectContent>

package/web/.next/standalone/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx

@@ -39,27 +39,52 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 const mockFeatures = [
-  { featureId: 'feat-auth-001', name: 'Auth Module', status: 'action-needed' as const },
-  { featureId: 'feat-payment-002', name: 'Payment Flow', status: 'action-needed' as const },
+  {
+    featureId: 'feat-auth-001',
+    name: 'Auth Module',
+    status: 'action-needed' as const,
+    agentType: 'claude-code',
+    modelId: 'claude-sonnet-4-6',
+  },
+  {
+    featureId: 'feat-payment-002',
+    name: 'Payment Flow',
+    status: 'action-needed' as const,
+    agentType: 'cursor',
+    modelId: 'claude-opus-4-6',
+  },
   {
     featureId: 'feat-dashboard-003',
     name: 'Dashboard',
     status: 'in-progress' as const,
     startedAt: Date.now() - 330_000,
+    agentType: 'gemini-cli',
+    modelId: 'gemini-2.5-pro',
   },
   {
     featureId: 'feat-api-004',
     name: 'API Gateway',
     status: 'in-progress' as const,
     startedAt: Date.now() - 60_000,
+    agentType: 'claude-code',
+    modelId: 'claude-haiku-4-5',
   },
   {
     featureId: 'feat-settings-005',
     name: 'Settings Page',
     status: 'done' as const,
     duration: '2h',
+    agentType: 'claude-code',
+    modelId: 'claude-sonnet-4-6',
+  },
+  {
+    featureId: 'feat-profile-006',
+    name: 'User Profile',
+    status: 'done' as const,
+    duration: '1h',
+    agentType: 'dev',
+    modelId: 'gpt-8',
   },
-  { featureId: 'feat-profile-006', name: 'User Profile', status: 'done' as const, duration: '1h' },
 ];
 
 export const Default: Story = {

package/web/.next/standalone/src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx

@@ -31,6 +31,8 @@ export interface FeatureItem {
   status: FeatureStatus;
   startedAt?: number;
   duration?: string;
+  agentType?: string;
+  modelId?: string;
 }
 
 export interface AppSidebarProps {
@@ -125,6 +127,8 @@ export function AppSidebar({
                         status={feature.status}
                         startedAt={feature.startedAt}
                         duration={feature.duration}
+                        agentType={feature.agentType}
+                        modelId={feature.modelId}
                         onClick={
                           onFeatureClick ? () => onFeatureClick(feature.featureId) : undefined
                         }

package/web/.next/standalone/src/presentation/web/components/ui/checkbox-group-item.tsx

@@ -21,7 +21,7 @@ function CheckboxGroupItem({
   disabled,
 }: CheckboxGroupItemProps) {
   return (
-    <div className="flex items-start gap-2">
+    <div className="flex cursor-pointer items-start gap-2">
       <Checkbox
         id={id}
         className="mt-0.75"

package/web/.next/standalone/src/presentation/web/components/ui/checkbox-group.tsx

@@ -55,7 +55,7 @@ function CheckboxGroup({
   return (
     <div className="flex flex-col gap-3">
       {/* Parent checkbox */}
-      <div className="flex items-start gap-2">
+      <div className="flex cursor-pointer items-start gap-2">
         <Checkbox
           id={parentId}
           className="mt-0.75"

package/web/.next/standalone/src/presentation/web/components/ui/command.tsx

@@ -0,0 +1,114 @@
+'use client';
+
+import * as React from 'react';
+import { Search } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+
+/**
+ * Command — minimal combobox primitives for model/item selection.
+ *
+ * Intentionally avoids the `cmdk` dependency and builds on native React +
+ * Tailwind instead. Filtering logic lives in the consumer component.
+ */
+
+const Command = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn(
+        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',
+        className
+      )}
+      {...props}
+    />
+  )
+);
+Command.displayName = 'Command';
+
+const CommandInput = React.forwardRef<
+  HTMLInputElement,
+  React.InputHTMLAttributes<HTMLInputElement>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center border-b px-3">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <input
+      ref={ref}
+      className={cn(
+        'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50',
+        className
+      )}
+      {...props}
+    />
+  </div>
+));
+CommandInput.displayName = 'CommandInput';
+
+const CommandList = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn('max-h-[300px] overflow-x-hidden overflow-y-auto', className)}
+      {...props}
+    />
+  )
+);
+CommandList.displayName = 'CommandList';
+
+const CommandEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn('text-muted-foreground py-6 text-center text-sm', className)}
+      {...props}
+    />
+  )
+);
+CommandEmpty.displayName = 'CommandEmpty';
+
+const CommandGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('text-foreground overflow-hidden p-1', className)} {...props} />
+  )
+);
+CommandGroup.displayName = 'CommandGroup';
+
+interface CommandItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  selected?: boolean;
+}
+
+const CommandItem = React.forwardRef<HTMLButtonElement, CommandItemProps>(
+  ({ className, selected, ...props }, ref) => (
+    <button
+      ref={ref}
+      type="button"
+      data-selected={selected}
+      className={cn(
+        'relative flex w-full cursor-default items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none',
+        'hover:bg-accent hover:text-accent-foreground',
+        'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground',
+        'disabled:pointer-events-none disabled:opacity-50',
+        className
+      )}
+      {...props}
+    />
+  )
+);
+CommandItem.displayName = 'CommandItem';
+
+const CommandSeparator = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('bg-border -mx-1 h-px', className)} {...props} />
+  )
+);
+CommandSeparator.displayName = 'CommandSeparator';
+
+export {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+};

package/web/.next/standalone/src/presentation/web/components/ui/switch.tsx

@@ -17,7 +17,7 @@ function Switch({
       data-slot="switch"
       data-size={size}
       className={cn(
-        'peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6',
+        'peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6',
         className
       )}
       {...props}

package/web/.next/standalone/src/presentation/web/hooks/sidebar-features-context.tsx

@@ -12,6 +12,8 @@ export interface SidebarFeatureItem {
   featureId: string;
   startedAt?: number;
   duration?: string;
+  agentType?: string;
+  modelId?: string;
 }
 
 // ---------------------------------------------------------------------------

package/web/.next/standalone/src/presentation/web/lib/model-metadata.ts

@@ -0,0 +1,51 @@
+export interface ModelMeta {
+  displayName: string;
+  description: string;
+}
+
+/**
+ * Presentation-layer metadata for known LLM model identifiers.
+ * Maps raw model IDs to human-friendly display names and short descriptions.
+ */
+const MODEL_METADATA: Record<string, ModelMeta> = {
+  // Claude models
+  'claude-opus-4-6': { displayName: 'Opus 4.6', description: 'Most capable, complex tasks' },
+  'claude-sonnet-4-6': { displayName: 'Sonnet 4.6', description: 'Fast & balanced' },
+  'claude-haiku-4-5': { displayName: 'Haiku 4.5', description: 'Lightweight & quick' },
+
+  // Gemini models
+  'gemini-3.1-pro': { displayName: 'Gemini 3.1 Pro', description: 'Advanced reasoning' },
+  'gemini-3-flash': { displayName: 'Gemini 3 Flash', description: 'Ultra-fast responses' },
+  'gemini-2.5-pro': { displayName: 'Gemini 2.5 Pro', description: 'Reliable workhorse' },
+  'gemini-2.5-flash': { displayName: 'Gemini 2.5 Flash', description: 'Speed-optimized' },
+
+  // OpenAI models
+  'gpt-5.4': { displayName: 'GPT-5.4', description: 'Latest reasoning model' },
+  'gpt-5': { displayName: 'GPT-5', description: 'Flagship model' },
+  'gpt-5.3-codex': { displayName: 'GPT-5.3 Codex', description: 'Code specialist' },
+
+  // Other
+  'composer-1.5': { displayName: 'Composer 1.5', description: 'Multi-file editing' },
+  'grok-code': { displayName: 'Grok Code', description: 'xAI code model' },
+
+  // Demo / fun models
+  'gpt-8': { displayName: 'GPT-8', description: 'Writes code before you think it' },
+  'opus-7': { displayName: 'Opus 7', description: 'Achieved consciousness, ships on time' },
+};
+
+const FALLBACK: ModelMeta = { displayName: '', description: '' };
+
+export function getModelMeta(modelId: string): ModelMeta {
+  const meta = MODEL_METADATA[modelId];
+  if (meta) return meta;
+  // Fallback: prettify the raw ID
+  return {
+    ...FALLBACK,
+    displayName: modelId
+      .replace(/^claude-/, '')
+      .replace(/^gemini-/, 'Gemini ')
+      .replace(/^gpt-/, 'GPT-')
+      .replace(/-/g, ' ')
+      .replace(/\b\w/g, (c) => c.toUpperCase()),
+  };
+}

package/web/.next/static/chunks/007be9fab4adea42.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,16298,e=>{"use strict";let t=(0,e.i(3645).default)("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);e.s(["default",()=>t])},69512,e=>{"use strict";let t=(0,e.i(3645).default)("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);e.s(["default",()=>t])},23925,1012,e=>{"use strict";let t=(0,e.i(3645).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);e.s(["default",()=>t],1012),e.s(["Check",()=>t],23925)},30090,e=>{"use strict";let t=(0,e.i(3645).default)("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]);e.s(["default",()=>t])},54277,e=>{"use strict";var t=e.i(30090);e.s(["CircleX",()=>t.default])},33548,e=>{"use strict";let t=(0,e.i(3645).default)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);e.s(["Copy",()=>t],33548)},54793,7729,e=>{"use strict";var t=e.i(20314),r=e.i(31777);function a({icon:e,title:a,description:l,action:s,className:c,...u}){return(0,t.jsxs)("div",{className:(0,r.cn)("flex flex-col items-center gap-4 px-4 py-12 text-center",c),...u,children:[e?(0,t.jsx)("div",{className:"text-muted-foreground",children:e}):null,(0,t.jsx)("h3",{className:"text-lg font-semibold",children:a}),l?(0,t.jsx)("p",{className:"text-muted-foreground max-w-md text-sm",children:l}):null,s?(0,t.jsx)("div",{className:"mt-2",children:s}):null]})}e.s(["EmptyState",()=>a],7729),e.s([],54793)},81846,e=>{"use strict";var t=e.i(20314),r=e.i(94237),a=e.i(31777);let l=(0,r.cva)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function s({className:e,variant:r,...s}){return(0,t.jsx)("div",{className:(0,a.cn)(l({variant:r}),e),...s})}e.s(["Badge",()=>s])},1650,e=>{"use strict";e.i(11495),e.s([])},19933,e=>{"use strict";let t=(0,e.i(3645).default)("folder-open",[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]]);e.s(["FolderOpen",()=>t],19933)},8986,10976,87144,36441,e=>{"use strict";let t=(0,e.i(3645).default)("code-xml",[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]]);e.s(["Code2",()=>t],8986);var r=e.i(21023);let a=(0,r.createServerReference)("402f155a3693c928a7d11c8c27cc354e95749e7326",r.callServer,void 0,r.findSourceMapURL,"openIde");e.s(["openIde",()=>a],10976);let l=(0,r.createServerReference)("40d0fc329d73d03c147761f4a40ba18469eb543298",r.callServer,void 0,r.findSourceMapURL,"openShell");e.s(["openShell",()=>l],87144);let s=(0,r.createServerReference)("40b7490fe16e298ade16638f6933836e735a83f219",r.callServer,void 0,r.findSourceMapURL,"openFolder");e.s(["openFolder",()=>s],36441)},76852,e=>{"use strict";var t=e.i(79054),r=e.i(10976),a=e.i(87144),l=e.i(36441);function s(e){let[s,c]=(0,t.useState)(!1),[u,n]=(0,t.useState)(!1),[o,i]=(0,t.useState)(!1),[d,f]=(0,t.useState)(null),[p,h]=(0,t.useState)(null),[y,m]=(0,t.useState)(null),v=(0,t.useRef)(null),x=(0,t.useRef)(null),g=(0,t.useRef)(null);(0,t.useEffect)(()=>()=>{v.current&&clearTimeout(v.current),x.current&&clearTimeout(x.current),g.current&&clearTimeout(g.current)},[]);let k=(0,t.useCallback)(async(t,r,a,l,s)=>{if(e&&!s){l.current&&clearTimeout(l.current),r(!0),a(null);try{let e=await t();if(!e.success){let t=e.error??"An unexpected error occurred";a(t),l.current=setTimeout(()=>a(null),5e3)}}catch(e){a(e instanceof Error?e.message:"An unexpected error occurred"),l.current=setTimeout(()=>a(null),5e3)}finally{r(!1)}}},[e]);return{openInIde:(0,t.useCallback)(()=>k(()=>(0,r.openIde)({repositoryPath:e.repositoryPath}),c,f,v,s),[k,s,e]),openInShell:(0,t.useCallback)(()=>k(()=>(0,a.openShell)({repositoryPath:e.repositoryPath}),n,h,x,u),[k,u,e]),openFolder:(0,t.useCallback)(()=>k(()=>(0,l.openFolder)(e.repositoryPath),i,m,g,o),[k,o,e]),ideLoading:s,shellLoading:u,folderLoading:o,ideError:d,shellError:p,folderError:y}}e.s(["useRepositoryActions",()=>s])}]);