@shepai/cli 1.77.2-pr240.88b3534 → 1.77.2-pr243.38f1a1a

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/052485f50dcfde15.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,24270,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"warnOnce",{enumerable:!0,get:function(){return n}});let n=e=>{}},98127,e=>{"use strict";var t=e.i(20314),r=e.i(31777);function n({className:e,type:n,...o}){return(0,t.jsx)("input",{type:n,"data-slot":"input",className:(0,r.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...o})}e.s(["Input",()=>n])},80764,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"useMergedRef",{enumerable:!0,get:function(){return o}});let n=e.r(79054);function o(e,t){let r=(0,n.useRef)(null),o=(0,n.useRef)(null);return(0,n.useCallback)(n=>{if(null===n){let e=r.current;e&&(r.current=null,e());let t=o.current;t&&(o.current=null,t())}else e&&(r.current=i(e,n)),t&&(o.current=i(t,n))},[e,t])}function i(e,t){if("function"!=typeof e)return e.current=t,()=>{e.current=null};{let r=e(t);return"function"==typeof r?r:()=>e(null)}}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},66033,e=>{"use strict";var t=e.i(79054);e.i(20314);var r=t.createContext(void 0);function n(e){let n=t.useContext(r);return e||n||"ltr"}e.s(["useDirection",()=>n])},27069,e=>{"use strict";function t(e,[t,r]){return Math.min(r,Math.max(t,e))}e.s(["clamp",()=>t])},12103,e=>{"use strict";let t=(0,e.i(3645).default)("puzzle",[["path",{d:"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z",key:"w46dr5"}]]);e.s(["Puzzle",()=>t],12103)},81975,e=>{"use strict";let t=(0,e.i(3645).default)("wrench",[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",key:"1ngwbx"}]]);e.s(["Wrench",()=>t],81975)},80986,e=>{"use strict";let t=(0,e.i(3645).default)("circle-check",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);e.s(["default",()=>t])},3214,10942,e=>{"use strict";var t=e.i(91891);e.s(["Plus",()=>t.default],3214);var r=e.i(80986);e.s(["CircleCheck",()=>r.default],10942)},39443,e=>{"use strict";var t=e.i(20314),r=e.i(79054);let n=(0,e.i(18354).createLogger)("[SSE]");function o(e,t,r,n){if("u"<typeof EventSource)return()=>{};let o=null,i=!1,u=1e3,a=null,l=null;return!function s(){i||(o=new EventSource(e?`/api/agent-events?runId=${encodeURIComponent(e)}`:"/api/agent-events"),n("connecting"),o.onopen=()=>{n("connected"),l=setTimeout(()=>{l=null,u=1e3},5e3)},o.onerror=()=>{o?.close(),o=null,n("disconnected"),null!==l&&(clearTimeout(l),l=null);let e=u;u=Math.min(2*e,3e4),a=setTimeout(()=>{a=null,s()},e)},o.addEventListener("notification",e=>{let n=JSON.parse(e.data);t(e=>{let t=[...e,n];return t.length>500?t.slice(-250):t}),r(n)}))}(),()=>{i=!0,null!==a&&(clearTimeout(a),a=null),null!==l&&(clearTimeout(l),l=null),o&&(o.close(),o=null)}}let i=(0,r.createContext)(null);function u({children:e,runId:u}){let{events:a,lastEvent:l,connectionStatus:s}=function(e){let[t,i]=(0,r.useState)([]),[u,a]=(0,r.useState)(null),[l,s]=(0,r.useState)("disconnected"),c=e?.runId,f=(0,r.useRef)(null),d=(0,r.useCallback)(e=>{let t=e.data;if(t&&"object"==typeof t)if("notification"===t.type){let e=t.data;n.debug("event received:",e.eventType,e),i(t=>{let r=[...t,e];return r.length>500?r.slice(-250):r}),a(e)}else"status"===t.type&&s(t.status)},[]);return(0,r.useEffect)(()=>{let e="u">typeof location&&new URLSearchParams(location.search).has("sse");if(!navigator.serviceWorker||e)return o(c,i,a,s);let t=!1,r={current:void 0};function n(e){t||(f.current=e,e.postMessage({type:"subscribe",runId:c}),s("connecting"))}function u(){if(t)return;let e=navigator.serviceWorker.controller;e&&(f.current=e,e.postMessage({type:"subscribe",runId:c}),s("connecting"))}return navigator.serviceWorker.addEventListener("message",d),navigator.serviceWorker.addEventListener("controllerchange",u),navigator.serviceWorker.register("/agent-events-sw.js",{scope:"/"}).then(e=>{if(t)return;let u=e.active??e.installing??e.waiting;if(!u){r.current=o(c,i,a,s);return}if("activated"===u.state)n(u);else{let e=()=>{"activated"===u.state&&(u.removeEventListener("statechange",e),n(u))};u.addEventListener("statechange",e)}}).catch(()=>{t||(r.current=o(c,i,a,s))}),()=>{t=!0,navigator.serviceWorker.removeEventListener("message",d),navigator.serviceWorker.removeEventListener("controllerchange",u),f.current?.postMessage({type:"unsubscribe"}),f.current=null,r.current?.()}},[c,d]),{events:t,lastEvent:u,connectionStatus:l}}({runId:u}),c=(0,r.useMemo)(()=>({events:a,lastEvent:l,connectionStatus:s}),[a,l,s]);return(0,t.jsx)(i.Provider,{value:c,children:e})}function a(){let e=(0,r.useContext)(i);if(!e)throw Error("useAgentEventsContext must be used within an <AgentEventsProvider>");return e}e.s(["AgentEventsProvider",()=>u,"useAgentEventsContext",()=>a],39443)},78521,e=>{"use strict";var t=e.i(21023);let r=(0,t.createServerReference)("0053050432bf3adf8386858f35957abb7c5bf15fd2",t.callServer,void 0,t.findSourceMapURL,"pickFolder");async function n(){let e=await r();if(e.error)throw Error(e.error);return e.path}e.s(["pickFolder",()=>n],78521)},5147,e=>{"use strict";var t=e.i(20314),r=e.i(79054);let n={"action-required":"action-needed",running:"in-progress",done:"done",blocked:"in-progress",error:"in-progress",creating:null};function o(e){return n[e]}let i=(0,r.createContext)(null);function u({children:e}){let[n,o]=(0,r.useState)([]),u=(0,r.useMemo)(()=>({features:n,setFeatures:o}),[n]);return(0,t.jsx)(i.Provider,{value:u,children:e})}function a(){let e=(0,r.useContext)(i);if(!e)throw Error("useSidebarFeaturesContext must be used within a <SidebarFeaturesProvider>");return e}e.s(["SidebarFeaturesProvider",()=>u,"mapNodeStateToSidebarStatus",()=>o,"useSidebarFeaturesContext",()=>a])},76314,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={assign:function(){return l},searchParamsToUrlQuery:function(){return i},urlQueryToSearchParams:function(){return a}};for(var o in n)Object.defineProperty(r,o,{enumerable:!0,get:n[o]});function i(e){let t={};for(let[r,n]of e.entries()){let e=t[r];void 0===e?t[r]=n:Array.isArray(e)?e.push(n):t[r]=[e,n]}return t}function u(e){return"string"==typeof e?e:("number"!=typeof e||isNaN(e))&&"boolean"!=typeof e?"":String(e)}function a(e){let t=new URLSearchParams;for(let[r,n]of Object.entries(e))if(Array.isArray(n))for(let e of n)t.append(r,u(e));else t.set(r,u(n));return t}function l(e,...t){for(let r of t){for(let t of r.keys())e.delete(t);for(let[t,n]of r.entries())e.append(t,n)}return e}},95889,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={formatUrl:function(){return a},formatWithValidation:function(){return s},urlObjectKeys:function(){return l}};for(var o in n)Object.defineProperty(r,o,{enumerable:!0,get:n[o]});let i=e.r(44066)._(e.r(76314)),u=/https?|ftp|gopher|file/;function a(e){let{auth:t,hostname:r}=e,n=e.protocol||"",o=e.pathname||"",a=e.hash||"",l=e.query||"",s=!1;t=t?encodeURIComponent(t).replace(/%3A/i,":")+"@":"",e.host?s=t+e.host:r&&(s=t+(~r.indexOf(":")?`[${r}]`:r),e.port&&(s+=":"+e.port)),l&&"object"==typeof l&&(l=String(i.urlQueryToSearchParams(l)));let c=e.search||l&&`?${l}`||"";return n&&!n.endsWith(":")&&(n+=":"),e.slashes||(!n||u.test(n))&&!1!==s?(s="//"+(s||""),o&&"/"!==o[0]&&(o="/"+o)):s||(s=""),a&&"#"!==a[0]&&(a="#"+a),c&&"?"!==c[0]&&(c="?"+c),o=o.replace(/[?#]/g,encodeURIComponent),c=c.replace("#","%23"),`${n}${s}${o}${c}${a}`}let l=["auth","hash","host","hostname","href","path","pathname","port","protocol","query","search","slashes"];function s(e){return a(e)}},58464,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={DecodeError:function(){return y},MiddlewareNotFoundError:function(){return E},MissingStaticPage:function(){return P},NormalizeError:function(){return b},PageNotFoundError:function(){return m},SP:function(){return h},ST:function(){return v},WEB_VITALS:function(){return i},execOnce:function(){return u},getDisplayName:function(){return f},getLocationOrigin:function(){return s},getURL:function(){return c},isAbsoluteUrl:function(){return l},isResSent:function(){return d},loadGetInitialProps:function(){return g},normalizeRepeatedSlashes:function(){return p},stringifyError:function(){return S}};for(var o in n)Object.defineProperty(r,o,{enumerable:!0,get:n[o]});let i=["CLS","FCP","FID","INP","LCP","TTFB"];function u(e){let t,r=!1;return(...n)=>(r||(r=!0,t=e(...n)),t)}let a=/^[a-zA-Z][a-zA-Z\d+\-.]*?:/,l=e=>a.test(e);function s(){let{protocol:e,hostname:t,port:r}=window.location;return`${e}//${t}${r?":"+r:""}`}function c(){let{href:e}=window.location,t=s();return e.substring(t.length)}function f(e){return"string"==typeof e?e:e.displayName||e.name||"Unknown"}function d(e){return e.finished||e.headersSent}function p(e){let t=e.split("?");return t[0].replace(/\\/g,"/").replace(/\/\/+/g,"/")+(t[1]?`?${t.slice(1).join("?")}`:"")}async function g(e,t){let r=t.res||t.ctx&&t.ctx.res;if(!e.getInitialProps)return t.ctx&&t.Component?{pageProps:await g(t.Component,t.ctx)}:{};let n=await e.getInitialProps(t);if(r&&d(r))return n;if(!n)throw Object.defineProperty(Error(`"${f(e)}.getInitialProps()" should resolve to an object. But found "${n}" instead.`),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return n}let h="u">typeof performance,v=h&&["mark","measure","getEntriesByName"].every(e=>"function"==typeof performance[e]);class y extends Error{}class b extends Error{}class m extends Error{constructor(e){super(),this.code="ENOENT",this.name="PageNotFoundError",this.message=`Cannot find module for page: ${e}`}}class P extends Error{constructor(e,t){super(),this.message=`Failed to load static file for page: ${e} ${t}`}}class E extends Error{constructor(){super(),this.code="ENOENT",this.message="Cannot find the middleware module"}}function S(e){return JSON.stringify({message:e.message,stack:e.stack})}},51380,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"isLocalURL",{enumerable:!0,get:function(){return i}});let n=e.r(58464),o=e.r(53626);function i(e){if(!(0,n.isAbsoluteUrl)(e))return!0;try{let t=(0,n.getLocationOrigin)(),r=new URL(e,t);return r.origin===t&&(0,o.hasBasePath)(r.pathname)}catch(e){return!1}}},38670,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"errorOnce",{enumerable:!0,get:function(){return n}});let n=e=>{}},24035,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={default:function(){return y},useLinkStatus:function(){return m}};for(var o in n)Object.defineProperty(r,o,{enumerable:!0,get:n[o]});let i=e.r(44066),u=e.r(20314),a=i._(e.r(79054)),l=e.r(95889),s=e.r(18152),c=e.r(80764),f=e.r(58464),d=e.r(99267);e.r(24270);let p=e.r(59624),g=e.r(51380),h=e.r(95555);function v(e){return"string"==typeof e?e:(0,l.formatUrl)(e)}function y(t){var r;let n,o,i,[l,y]=(0,a.useOptimistic)(p.IDLE_LINK_STATUS),m=(0,a.useRef)(null),{href:P,as:E,children:S,prefetch:x=null,passHref:C,replace:O,shallow:_,scroll:j,onClick:w,onMouseEnter:T,onTouchStart:k,legacyBehavior:L=!1,onNavigate:M,ref:R,unstable_dynamicOnHover:N,...A}=t;n=S,L&&("string"==typeof n||"number"==typeof n)&&(n=(0,u.jsx)("a",{children:n}));let U=a.default.useContext(s.AppRouterContext),I=!1!==x,$=!1!==x?null===(r=x)||"auto"===r?h.FetchStrategy.PPR:h.FetchStrategy.Full:h.FetchStrategy.PPR,{href:F,as:z}=a.default.useMemo(()=>{let e=v(P);return{href:e,as:E?v(E):e}},[P,E]);if(L){if(n?.$$typeof===Symbol.for("react.lazy"))throw Object.defineProperty(Error("`<Link legacyBehavior>` received a direct child that is either a Server Component, or JSX that was loaded with React.lazy(). This is not supported. Either remove legacyBehavior, or make the direct child a Client Component that renders the Link's `<a>` tag."),"__NEXT_ERROR_CODE",{value:"E863",enumerable:!1,configurable:!0});o=a.default.Children.only(n)}let D=L?o&&"object"==typeof o&&o.ref:R,W=a.default.useCallback(e=>(null!==U&&(m.current=(0,p.mountLinkInstance)(e,F,U,$,I,y)),()=>{m.current&&((0,p.unmountLinkForCurrentNavigation)(m.current),m.current=null),(0,p.unmountPrefetchableInstance)(e)}),[I,F,U,$,y]),B={ref:(0,c.useMergedRef)(W,D),onClick(t){L||"function"!=typeof w||w(t),L&&o.props&&"function"==typeof o.props.onClick&&o.props.onClick(t),!U||t.defaultPrevented||function(t,r,n,o,i,u,l){if("u">typeof window){let s,{nodeName:c}=t.currentTarget;if("A"===c.toUpperCase()&&((s=t.currentTarget.getAttribute("target"))&&"_self"!==s||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.nativeEvent&&2===t.nativeEvent.which)||t.currentTarget.hasAttribute("download"))return;if(!(0,g.isLocalURL)(r)){i&&(t.preventDefault(),location.replace(r));return}if(t.preventDefault(),l){let e=!1;if(l({preventDefault:()=>{e=!0}}),e)return}let{dispatchNavigateAction:f}=e.r(81574);a.default.startTransition(()=>{f(n||r,i?"replace":"push",u??!0,o.current)})}}(t,F,z,m,O,j,M)},onMouseEnter(e){L||"function"!=typeof T||T(e),L&&o.props&&"function"==typeof o.props.onMouseEnter&&o.props.onMouseEnter(e),U&&I&&(0,p.onNavigationIntent)(e.currentTarget,!0===N)},onTouchStart:function(e){L||"function"!=typeof k||k(e),L&&o.props&&"function"==typeof o.props.onTouchStart&&o.props.onTouchStart(e),U&&I&&(0,p.onNavigationIntent)(e.currentTarget,!0===N)}};return(0,f.isAbsoluteUrl)(z)?B.href=z:L&&!C&&("a"!==o.type||"href"in o.props)||(B.href=(0,d.addBasePath)(z)),i=L?a.default.cloneElement(o,B):(0,u.jsx)("a",{...A,...B,children:n}),(0,u.jsx)(b.Provider,{value:l,children:i})}e.r(38670);let b=(0,a.createContext)(p.IDLE_LINK_STATUS),m=()=>(0,a.useContext)(b);("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)}]);