npm - @shepai/cli - Versions diffs - 1.77.0 → 1.77.1-pr244.c979f34 - Mend

@shepai/cli 1.77.0 → 1.77.1-pr244.c979f34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (665) hide show

package/web/.next/standalone/src/presentation/web/app/actions/update-settings.ts ADDED Viewed

@@ -0,0 +1,73 @@
+'use server';
+import { revalidatePath } from 'next/cache';
+import { resolve } from '@/lib/server-container';
+import type { LoadSettingsUseCase } from '@shepai/core/application/use-cases/settings/load-settings.use-case';
+import type { UpdateSettingsUseCase } from '@shepai/core/application/use-cases/settings/update-settings.use-case';
+import { updateSettings as updateSettingsSingleton } from '@shepai/core/infrastructure/services/settings.service';
+import type { Settings } from '@shepai/core/domain/generated/output';
+type DeepPartial<T> = {
+  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+function deepMerge<T extends Record<string, unknown>>(target: T, source: DeepPartial<T>): T {
+  const result = { ...target };
+  for (const key of Object.keys(source) as (keyof T)[]) {
+    const sourceVal = source[key];
+    if (sourceVal === undefined) continue;
+    const targetVal = target[key];
+    if (
+      targetVal !== null &&
+      targetVal !== undefined &&
+      typeof targetVal === 'object' &&
+      !Array.isArray(targetVal) &&
+      !(targetVal instanceof Date) &&
+      sourceVal !== null &&
+      typeof sourceVal === 'object' &&
+      !Array.isArray(sourceVal) &&
+      !(sourceVal instanceof Date)
+    ) {
+      result[key] = deepMerge(
+        targetVal as Record<string, unknown>,
+        sourceVal as DeepPartial<Record<string, unknown>>
+      ) as T[keyof T];
+    } else {
+      result[key] = sourceVal as T[keyof T];
+    }
+  }
+  return result;
+}
+export interface UpdateSettingsResult {
+  success: boolean;
+  error?: string;
+}
+export async function updateSettingsAction(
+  partial: DeepPartial<Settings>
+): Promise<UpdateSettingsResult> {
+  try {
+    const loadUseCase = resolve<LoadSettingsUseCase>('LoadSettingsUseCase');
+    const current = await loadUseCase.execute();
+    const merged = deepMerge(
+      current as unknown as Record<string, unknown>,
+      partial as DeepPartial<Record<string, unknown>>
+    ) as Settings;
+    merged.updatedAt = new Date();
+    const updateUseCase = resolve<UpdateSettingsUseCase>('UpdateSettingsUseCase');
+    await updateUseCase.execute(merged);
+    updateSettingsSingleton(merged);
+    revalidatePath('/', 'layout');
+    return { success: true };
+  } catch (error: unknown) {
+    const message = error instanceof Error ? error.message : 'Failed to update settings';
+    return { success: false, error: message };
+  }
+}

package/web/.next/standalone/src/presentation/web/app/global-error.tsx ADDED Viewed

@@ -0,0 +1,23 @@
+'use client';
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <div style={{ padding: '2rem', fontFamily: 'sans-serif' }}>
+          <h2>Something went wrong</h2>
+          <p>{error.message}</p>
+          <button onClick={reset} style={{ marginTop: '1rem', cursor: 'pointer' }}>
+            Try again
+          </button>
+        </div>
+      </body>
+    </html>
+  );
+}

package/web/.next/standalone/src/presentation/web/app/layout.tsx CHANGED Viewed

@@ -3,6 +3,8 @@ import '@xyflow/react/dist/base.css';
 import './globals.css';
 import { AppShell } from '@/components/layouts/app-shell';
 import { Toaster } from '@/components/ui/sonner';
+import { getFeatureFlags } from '@/lib/feature-flags';
+import { FeatureFlagsProvider } from '@/hooks/feature-flags-context';
 /** Force dynamic rendering for all pages since they depend on client-side context. */
 export const dynamic = 'force-dynamic';
@@ -52,7 +54,9 @@ export default function RootLayout({
         />
       </head>
       <body className="min-h-screen antialiased">
-        <AppShell>{children}</AppShell>
+        <FeatureFlagsProvider flags={getFeatureFlags()}>
+          <AppShell>{children}</AppShell>
+        </FeatureFlagsProvider>
         <Toaster position="bottom-center" />
       </body>
     </html>

package/web/.next/standalone/src/presentation/web/app/settings/page.tsx ADDED Viewed

@@ -0,0 +1,27 @@
+import { loadSettings } from '@/app/actions/load-settings';
+import { SettingsPageClient } from '@/components/features/settings/settings-page-client';
+/** Skip static pre-rendering since we need runtime DI container and server context. */
+export const dynamic = 'force-dynamic';
+export default async function SettingsPage() {
+  const { settings, shepHome, dbFileSize, error } = await loadSettings();
+  if (error || !settings) {
+    return (
+      <div className="flex h-full flex-col p-6">
+        <p className="text-destructive text-sm">Failed to load settings: {error}</p>
+      </div>
+    );
+  }
+  return (
+    <div className="flex h-full flex-col p-6">
+      <SettingsPageClient
+        settings={settings}
+        shepHome={shepHome ?? ''}
+        dbFileSize={dbFileSize ?? 'Unknown'}
+      />
+    </div>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/common/base-drawer/base-drawer.tsx CHANGED Viewed

@@ -18,7 +18,7 @@ import {
 import { Separator } from '@/components/ui/separator';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { useDeployAction, type DeployActionInput } from '@/hooks/use-deploy-action';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 const drawerVariants = cva('', {
   variants: {
@@ -61,6 +61,7 @@ export function BaseDrawer({
   'data-testid': testId,
   deployTarget,
 }: BaseDrawerProps) {
+  const featureFlags = useFeatureFlags();
   const contentRef = useRef<HTMLDivElement>(null);
   // Close when clicking outside the drawer panel (no overlay needed — canvas stays draggable).

package/web/.next/standalone/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx CHANGED Viewed

@@ -16,7 +16,7 @@ import { getResearchArtifact } from '@/app/actions/get-research-artifact';
 import { getMergeReviewData } from '@/app/actions/get-merge-review-data';
 import { deleteFeature } from '@/app/actions/delete-feature';
 import { cn } from '@/lib/utils';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import { useSoundAction } from '@/hooks/use-sound-action';
 import { useGuardedDrawerClose } from '@/hooks/drawer-close-guard';
 import { useDeployAction } from '@/hooks/use-deploy-action';
@@ -63,6 +63,7 @@ export interface FeatureDrawerClientProps {
 }
 export function FeatureDrawerClient({ view: initialView }: FeatureDrawerClientProps) {
+  const featureFlags = useFeatureFlags();
   const router = useRouter();
   const deleteSound = useSoundAction('delete');
   const rejectSound = useSoundAction('reject');

package/web/.next/standalone/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx CHANGED Viewed

@@ -8,7 +8,7 @@ import { ActionButton } from '@/components/common/action-button';
 import { DrawerTitle, DrawerDescription } from '@/components/ui/drawer';
 import { Separator } from '@/components/ui/separator';
 import { useRepositoryActions } from '@/components/common/repository-node/use-repository-actions';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import type { RepositoryNodeData } from '@/components/common/repository-node';
 export interface RepositoryDrawerClientProps {
@@ -16,6 +16,7 @@ export interface RepositoryDrawerClientProps {
 }
 export function RepositoryDrawerClient({ data }: RepositoryDrawerClientProps) {
+  const featureFlags = useFeatureFlags();
   const router = useRouter();
   const pathname = usePathname();
   const isOpen = pathname.startsWith('/repository/');

package/web/.next/standalone/src/presentation/web/components/common/editor-type-icons.tsx ADDED Viewed

@@ -0,0 +1,84 @@
+import type { ComponentType, SVGProps } from 'react';
+import Image from 'next/image';
+import { Code, Rocket } from 'lucide-react';
+import { cn } from '@/lib/utils';
+type IconProps = SVGProps<SVGSVGElement> & { className?: string };
+/** Fallback icon for unknown editor types. */
+function DefaultEditorIcon(props: IconProps) {
+  return <Code className={cn('h-4 w-4', props.className)} {...(props as object)} />;
+}
+function VsCodeIcon({ className }: IconProps) {
+  return (
+    <Image
+      src="/icons/editors/vscode.svg"
+      alt="VS Code"
+      width={24}
+      height={24}
+      className={cn('rounded-sm object-contain', className)}
+    />
+  );
+}
+VsCodeIcon.displayName = 'VsCodeIcon';
+function CursorEditorIcon({ className }: IconProps) {
+  return (
+    <Image
+      src="/icons/agents/cursor.jpeg"
+      alt="Cursor"
+      width={24}
+      height={24}
+      className={cn('rounded-sm object-contain', className)}
+    />
+  );
+}
+CursorEditorIcon.displayName = 'CursorEditorIcon';
+function WindsurfIcon({ className }: IconProps) {
+  return (
+    <Image
+      src="/icons/editors/windsurf.svg"
+      alt="Windsurf"
+      width={24}
+      height={24}
+      className={cn('rounded-sm object-contain', className)}
+    />
+  );
+}
+WindsurfIcon.displayName = 'WindsurfIcon';
+function ZedIcon({ className }: IconProps) {
+  return (
+    <Image
+      src="/icons/editors/zed.svg"
+      alt="Zed"
+      width={24}
+      height={24}
+      className={cn('rounded-sm object-contain', className)}
+    />
+  );
+}
+ZedIcon.displayName = 'ZedIcon';
+function AntigravityIcon({ className, ...props }: IconProps) {
+  return <Rocket className={cn('h-4 w-4', className)} {...(props as object)} />;
+}
+AntigravityIcon.displayName = 'AntigravityIcon';
+const editorTypeIconMap: Record<string, ComponentType<IconProps>> = {
+  vscode: VsCodeIcon,
+  cursor: CursorEditorIcon,
+  windsurf: WindsurfIcon,
+  zed: ZedIcon,
+  antigravity: AntigravityIcon,
+};
+/** Resolve an editor type string to its corresponding icon component. */
+export function getEditorTypeIcon(editorType?: string): ComponentType<IconProps> {
+  if (editorType && editorType in editorTypeIconMap) {
+    return editorTypeIconMap[editorType];
+  }
+  return DefaultEditorIcon;
+}

package/web/.next/standalone/src/presentation/web/components/common/repository-node/repository-node.tsx CHANGED Viewed

@@ -18,11 +18,12 @@ import { Button } from '@/components/ui/button';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { DeploymentStatusBadge } from '@/components/common/deployment-status-badge';
 import { useDeployAction } from '@/hooks/use-deploy-action';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import type { RepositoryNodeData } from './repository-node-config';
 import { useRepositoryActions } from './use-repository-actions';
 export function RepositoryNode({ data }: { data: RepositoryNodeData; [key: string]: unknown }) {
+  const featureFlags = useFeatureFlags();
   const [confirmOpen, setConfirmOpen] = useState(false);
   const actions = useRepositoryActions(
     data.repositoryPath ? { repositoryPath: data.repositoryPath } : null

package/web/.next/standalone/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.tsx CHANGED Viewed

@@ -22,7 +22,7 @@ import { ActionButton } from '@/components/common/action-button';
 import { useFeatureActions } from '@/components/common/feature-drawer/use-feature-actions';
 import { DeploymentStatusBadge } from '@/components/common/deployment-status-badge';
 import { useDeployAction } from '@/hooks/use-deploy-action';
-import { featureFlags } from '@/lib/feature-flags';
+import { useFeatureFlags } from '@/hooks/feature-flags-context';
 import type { ReviewDrawerShellProps } from './review-drawer-shell-config';
 export function ReviewDrawerShell({
@@ -38,6 +38,7 @@ export function ReviewDrawerShell({
   isDeleting,
   children,
 }: ReviewDrawerShellProps) {
+  const featureFlags = useFeatureFlags();
   const handleClose = useCallback(() => {
     onClose();
   }, [onClose]);

package/web/.next/standalone/src/presentation/web/components/features/settings/agent-settings-section.stories.tsx ADDED Viewed

@@ -0,0 +1,43 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AgentSettingsSection } from './agent-settings-section';
+import { AgentType, AgentAuthMethod } from '@shepai/core/domain/generated/output';
+const meta = {
+  title: 'Features/Settings/AgentSettingsSection',
+  component: AgentSettingsSection,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+} satisfies Meta<typeof AgentSettingsSection>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Default: Story = {
+  args: {
+    agent: {
+      type: AgentType.ClaudeCode,
+      authMethod: AgentAuthMethod.Session,
+    },
+  },
+};
+export const TokenAuth: Story = {
+  args: {
+    agent: {
+      type: AgentType.GeminiCli,
+      authMethod: AgentAuthMethod.Token,
+      token: 'sk-test-token-12345',
+    },
+  },
+};
+export const AiderSession: Story = {
+  args: {
+    agent: {
+      type: AgentType.Aider,
+      authMethod: AgentAuthMethod.Session,
+    },
+  },
+};

package/web/.next/standalone/src/presentation/web/components/features/settings/agent-settings-section.tsx ADDED Viewed

@@ -0,0 +1,183 @@
+'use client';
+import { useState, useTransition, useRef, useEffect } from 'react';
+import { Bot, Eye, EyeOff, Check } from 'lucide-react';
+import { toast } from 'sonner';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import { updateSettingsAction } from '@/app/actions/update-settings';
+import { AgentType, AgentAuthMethod } from '@shepai/core/domain/generated/output';
+import { getAgentTypeIcon } from '@/components/common/feature-node/agent-type-icons';
+import type { AgentConfig } 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' },
+];
+export interface AgentSettingsSectionProps {
+  agent: AgentConfig;
+}
+export function AgentSettingsSection({ agent }: AgentSettingsSectionProps) {
+  const [agentType, setAgentType] = useState(agent.type);
+  const [authMethod, setAuthMethod] = useState(agent.authMethod);
+  const [token, setToken] = useState(agent.token ?? '');
+  const [showToken, setShowToken] = useState(false);
+  const [isPending, startTransition] = useTransition();
+  const [showSaved, setShowSaved] = useState(false);
+  const prevPendingRef = useRef(false);
+  useEffect(() => {
+    if (prevPendingRef.current && !isPending) {
+      setShowSaved(true);
+      const timer = setTimeout(() => setShowSaved(false), 2000);
+      return () => clearTimeout(timer);
+    }
+    prevPendingRef.current = isPending;
+  }, [isPending]);
+  function save(payload: { agent: AgentConfig }) {
+    startTransition(async () => {
+      const result = await updateSettingsAction(payload);
+      if (!result.success) {
+        toast.error(result.error ?? 'Failed to save agent settings');
+      }
+    });
+  }
+  function buildPayload(overrides: Partial<AgentConfig> = {}): { agent: AgentConfig } {
+    const merged = { type: agentType, authMethod, ...overrides };
+    const result: Record<string, unknown> = { type: merged.type, authMethod: merged.authMethod };
+    if (merged.authMethod === AgentAuthMethod.Token) {
+      result.token = overrides.token ?? token;
+    }
+    return { agent: result as AgentConfig };
+  }
+  function handleAgentTypeChange(value: string) {
+    setAgentType(value as AgentType);
+    save(buildPayload({ type: value as AgentType }));
+  }
+  function handleAuthMethodChange(value: string) {
+    setAuthMethod(value as AgentAuthMethod);
+    save(buildPayload({ authMethod: value as AgentAuthMethod }));
+  }
+  function handleTokenBlur() {
+    if (token !== (agent.token ?? '')) {
+      save(buildPayload({ token }));
+    }
+  }
+  return (
+    <Card id="agent" className="scroll-mt-6" data-testid="agent-settings-section">
+      <CardHeader>
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <Bot className="text-muted-foreground h-4 w-4" />
+            <CardTitle>Preferred Agent</CardTitle>
+          </div>
+          {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">
+              <Check className="h-3 w-3" />
+              Saved
+            </span>
+          ) : null}
+        </div>
+        <CardDescription>Choose your AI coding agent and authentication method</CardDescription>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        <div className="space-y-2">
+          <Label htmlFor="agent-type">Agent Type</Label>
+          <Select value={agentType} onValueChange={handleAgentTypeChange}>
+            <SelectTrigger id="agent-type" data-testid="agent-type-select">
+              <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>
+        </div>
+        <div className="space-y-2">
+          <Label htmlFor="auth-method">Authentication Method</Label>
+          <Select value={authMethod} onValueChange={handleAuthMethodChange}>
+            <SelectTrigger id="auth-method" data-testid="auth-method-select">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {AUTH_METHOD_OPTIONS.map((opt) => (
+                <SelectItem key={opt.value} value={opt.value}>
+                  {opt.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+        {authMethod === AgentAuthMethod.Token && (
+          <div className="space-y-2">
+            <Label htmlFor="agent-token">API Token</Label>
+            <div className="relative">
+              <Input
+                id="agent-token"
+                data-testid="agent-token-input"
+                type={showToken ? 'text' : 'password'}
+                value={token}
+                onChange={(e) => setToken(e.target.value)}
+                onBlur={handleTokenBlur}
+                placeholder="Enter your API token"
+                className="pr-10"
+              />
+              <Button
+                type="button"
+                variant="ghost"
+                size="sm"
+                className="absolute top-0 right-0 h-full px-3 hover:bg-transparent"
+                onClick={() => setShowToken(!showToken)}
+                data-testid="toggle-token-visibility"
+                aria-label={showToken ? 'Hide token' : 'Show token'}
+              >
+                {showToken ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
+              </Button>
+            </div>
+            <p className="text-muted-foreground text-xs">
+              Saves automatically when you leave the field
+            </p>
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/features/settings/database-settings-section.stories.tsx ADDED Viewed

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DatabaseSettingsSection } from './database-settings-section';
+const meta = {
+  title: 'Features/Settings/DatabaseSettingsSection',
+  component: DatabaseSettingsSection,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+} satisfies Meta<typeof DatabaseSettingsSection>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Default: Story = {
+  args: {
+    shepHome: '/home/user/.shep',
+    dbFileSize: '2.4 MB',
+  },
+};
+export const LargeDatabase: Story = {
+  args: {
+    shepHome: '/opt/shep/production',
+    dbFileSize: '156.7 MB',
+  },
+};

package/web/.next/standalone/src/presentation/web/components/features/settings/database-settings-section.tsx ADDED Viewed

@@ -0,0 +1,43 @@
+'use client';
+import { Database, Info } from 'lucide-react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+export interface DatabaseSettingsSectionProps {
+  shepHome: string;
+  dbFileSize: string;
+}
+export function DatabaseSettingsSection({ shepHome, dbFileSize }: DatabaseSettingsSectionProps) {
+  return (
+    <Card id="database" className="scroll-mt-6" data-testid="database-settings-section">
+      <CardHeader>
+        <div className="flex items-center gap-2">
+          <Database className="text-muted-foreground h-4 w-4" />
+          <CardTitle>Database Location</CardTitle>
+        </div>
+        <CardDescription>
+          <span className="inline-flex items-center gap-1">
+            <Info className="h-3 w-3" />
+            Read-only information about your Shep data directory and database
+          </span>
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="bg-muted/50 space-y-3 rounded-b-lg">
+        <div className="space-y-1">
+          <Label className="text-muted-foreground text-xs">SHEP_HOME Directory</Label>
+          <p className="font-mono text-sm" data-testid="shep-home-path">
+            {shepHome}
+          </p>
+        </div>
+        <div className="space-y-1">
+          <Label className="text-muted-foreground text-xs">Database File Size</Label>
+          <p className="text-sm" data-testid="db-file-size">
+            {dbFileSize}
+          </p>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/features/settings/environment-settings-section.stories.tsx ADDED Viewed

@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EnvironmentSettingsSection } from './environment-settings-section';
+import { EditorType } from '@shepai/core/domain/generated/output';
+const meta = {
+  title: 'Features/Settings/EnvironmentSettingsSection',
+  component: EnvironmentSettingsSection,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+  },
+} satisfies Meta<typeof EnvironmentSettingsSection>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Default: Story = {
+  args: {
+    environment: {
+      defaultEditor: EditorType.VsCode,
+      shellPreference: 'bash',
+    },
+  },
+};
+export const CursorWithZsh: Story = {
+  args: {
+    environment: {
+      defaultEditor: EditorType.Cursor,
+      shellPreference: 'zsh',
+    },
+  },
+};