@shepai/cli 1.162.0 → 1.163.0-pr503.5f6f050

package/dist/src/presentation/tui/wizards/github-import.wizard.js

@@ -3,12 +3,15 @@
  *
  * Interactive TUI wizard that guides users through importing a GitHub repository.
  * Offers two paths: paste a GitHub URL or browse the user's repositories.
+ * Supports browsing repos from multiple organizations.
  * Returns the selected URL/nameWithOwner and optional destination override.
  */
 import { select, input } from '@inquirer/prompts';
 import { GitHubUrlParseError } from '../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
 import { getTuiI18n } from '../i18n.js';
 import { shepTheme } from '../themes/shep.theme.js';
+/** Sentinel value representing the authenticated user's personal account */
+const PERSONAL_OWNER = '__personal__';
 /**
  * Format a GitHub repo for display in the select list.
  * Shows name, visibility badge, and truncated description.
@@ -27,14 +30,15 @@ function formatRepoChoice(repo) {
  * Steps:
  * 1. Choose import method (URL input or browse repos)
  * 2a. If URL: prompt for URL, validate with parseGitHubUrl
- * 2b. If browse: fetch repos via listUseCase, display select list
+ * 2b. If browse: optionally select an org, then fetch repos via listUseCase, display select list
  * 3. Optionally prompt for destination directory override
  *
  * @param gitHubService - Service for URL validation
  * @param listUseCase - Use case for listing user repos
+ * @param listOrgsUseCase - Use case for listing user's organizations
  * @returns The selected import target and optional destination
  */
-export async function githubImportWizard(gitHubService, listUseCase) {
+export async function githubImportWizard(gitHubService, listUseCase, listOrgsUseCase) {
     // Step 1: Choose import method
     const t = getTuiI18n().t;
     const method = await select({
@@ -58,7 +62,7 @@ export async function githubImportWizard(gitHubService, listUseCase) {
         url = await promptForUrl(gitHubService);
     }
     else {
-        url = await promptForBrowse(listUseCase);
+        url = await promptForBrowse(listUseCase, listOrgsUseCase);
     }
     // Step 3: Optional destination override
     const dest = await promptForDestination();
@@ -97,11 +101,39 @@ async function promptForUrl(gitHubService) {
 }
 /**
  * Prompt the user to browse and select from their GitHub repositories.
- * Fetches repos via the list use case and displays them in a select prompt.
+ * If organizations are available, first prompts the user to select an owner.
  */
-async function promptForBrowse(listUseCase) {
-    const repos = await listUseCase.execute({ limit: 30 });
+async function promptForBrowse(listUseCase, listOrgsUseCase) {
     const t = getTuiI18n().t;
+    let owner;
+    // Try to load organizations for the owner selector
+    if (listOrgsUseCase) {
+        try {
+            const orgs = await listOrgsUseCase.execute();
+            if (orgs.length > 0) {
+                const ownerChoices = [
+                    { name: 'My repositories', value: PERSONAL_OWNER },
+                    ...orgs.map((org) => ({
+                        name: org.login,
+                        value: org.login,
+                        description: org.description || undefined,
+                    })),
+                ];
+                const selectedOwner = await select({
+                    message: 'Select account',
+                    choices: ownerChoices,
+                    theme: shepTheme,
+                });
+                if (selectedOwner !== PERSONAL_OWNER) {
+                    owner = selectedOwner;
+                }
+            }
+        }
+        catch {
+            // Org listing failure is non-critical — proceed with personal repos
+        }
+    }
+    const repos = await listUseCase.execute({ limit: 30, owner });
     if (repos.length === 0) {
         throw new Error(t('tui:wizards.githubImport.noRepos'));
     }

package/dist/src/presentation/web/app/actions/list-github-organizations.d.ts

@@ -0,0 +1,6 @@
+import type { GitHubOrganization } from '../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+export declare function listGitHubOrganizations(): Promise<{
+    orgs?: GitHubOrganization[];
+    error?: string;
+}>;
+//# sourceMappingURL=list-github-organizations.d.ts.map

package/dist/src/presentation/web/app/actions/list-github-organizations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-github-organizations.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/list-github-organizations.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oFAAoF,CAAC;AAG7H,wBAAsB,uBAAuB,IAAI,OAAO,CAAC;IACvD,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAYD"}

package/dist/src/presentation/web/app/actions/list-github-organizations.js

@@ -0,0 +1,17 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+import { GitHubAuthError } from '../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+export async function listGitHubOrganizations() {
+    try {
+        const useCase = resolve('ListGitHubOrganizationsUseCase');
+        const orgs = await useCase.execute();
+        return { orgs };
+    }
+    catch (error) {
+        if (error instanceof GitHubAuthError) {
+            return { error: 'GitHub CLI is not authenticated. Run `gh auth login` to sign in.' };
+        }
+        const message = error instanceof Error ? error.message : 'Failed to list organizations';
+        return { error: message };
+    }
+}

package/dist/src/presentation/web/app/actions/list-github-repositories.d.ts

@@ -2,6 +2,7 @@ import type { GitHubRepo } from '../../../../../packages/core/src/application/po
 interface ListGitHubRepositoriesInput {
     search?: string;
     limit?: number;
+    owner?: string;
 }
 export declare function listGitHubRepositories(input?: ListGitHubRepositoriesInput): Promise<{
     repos?: GitHubRepo[];

package/dist/src/presentation/web/app/actions/list-github-repositories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-github-repositories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/list-github-repositories.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oFAAoF,CAAC;AAGrH,UAAU,2BAA2B;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,sBAAsB,CAC1C,KAAK,CAAC,EAAE,2BAA2B,GAClC,OAAO,CAAC;IAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAYnD"}
+{"version":3,"file":"list-github-repositories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/list-github-repositories.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oFAAoF,CAAC;AAGrH,UAAU,2BAA2B;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,sBAAsB,CAC1C,KAAK,CAAC,EAAE,2BAA2B,GAClC,OAAO,CAAC;IAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAYnD"}

package/dist/src/presentation/web/app/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2CAA2C,CAAC;AACnD,OAAO,eAAe,CAAC;AASvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAkBtB,CAAC;AAEF,wBAA8B,UAAU,CAAC,EACvC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,oDA2BD"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2CAA2C,CAAC;AACnD,OAAO,eAAe,CAAC;AAWvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAkBtB,CAAC;AAEF,wBAA8B,UAAU,CAAC,EACvC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,oDA6BD"}

package/dist/src/presentation/web/app/layout.js

@@ -6,7 +6,9 @@ import './globals.css';
 import { AppShell } from '../components/layouts/app-shell/index.js';
 import { Toaster } from '../components/ui/sonner.js';
 import { getFeatureFlags } from '../lib/feature-flags.js';
+import { getFabLayout } from '../lib/fab-layout.js';
 import { FeatureFlagsProvider } from '../hooks/feature-flags-context.js';
+import { FabLayoutProvider } from '../hooks/fab-layout-context.js';
 import { QueryProvider } from '../components/providers/query-provider.js';
 import { I18nProvider } from '../components/providers/i18n-provider.js';
 import { getLanguagePreference } from '../lib/language.js';
@@ -36,5 +38,5 @@ export default async function RootLayout({ children, }) {
     const { language, dir } = getLanguagePreference();
     return (_jsxs("html", { lang: language, dir: dir, suppressHydrationWarning: true, children: [_jsx("head", { children: _jsx("script", { dangerouslySetInnerHTML: {
                         __html: `(function(){try{var d=document.documentElement,t=localStorage.getItem('shep-theme'),s=window.matchMedia('(prefers-color-scheme: dark)').matches;if(t==='dark'||(t==='system'&&s)||(!t&&s)){d.classList.add('dark')}}catch(e){}})();`,
-                    } }) }), _jsxs("body", { className: "min-h-screen antialiased", children: [_jsx(I18nProvider, { initialLanguage: language, children: _jsx(QueryProvider, { children: _jsx(FeatureFlagsProvider, { flags: getFeatureFlags(), children: _jsx(AppShell, { sidebarOpen: sidebarOpen, children: children }) }) }) }), _jsx(Toaster, { position: "bottom-center" })] })] }));
+                    } }) }), _jsxs("body", { className: "min-h-screen antialiased", children: [_jsx(I18nProvider, { initialLanguage: language, children: _jsx(QueryProvider, { children: _jsx(FeatureFlagsProvider, { flags: getFeatureFlags(), children: _jsx(FabLayoutProvider, { layout: getFabLayout(), children: _jsx(AppShell, { sidebarOpen: sidebarOpen, children: children }) }) }) }) }), _jsx(Toaster, { position: "bottom-center" })] })] }));
 }

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.d.ts

@@ -1,4 +1,5 @@
 import type { GitHubRepo } from '../../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
+import type { GitHubOrganization } from '../../../../../../packages/core/src/application/ports/output/services/github-repository-service.interface.js';
 export interface GitHubRepoBrowserProps {
     onSelect: (nameWithOwner: string) => void;
     loading?: boolean;
@@ -6,10 +7,16 @@ export interface GitHubRepoBrowserProps {
     fetchRepos?: (input?: {
         search?: string;
         limit?: number;
+        owner?: string;
     }) => Promise<{
         repos?: GitHubRepo[];
         error?: string;
     }>;
+    /** Override the fetch function for testing/stories */
+    fetchOrgs?: () => Promise<{
+        orgs?: GitHubOrganization[];
+        error?: string;
+    }>;
 }
-export declare function GitHubRepoBrowser({ onSelect, loading: externalLoading, fetchRepos, }: GitHubRepoBrowserProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitHubRepoBrowser({ onSelect, loading: externalLoading, fetchRepos, fetchOrgs, }: GitHubRepoBrowserProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=github-repo-browser.d.ts.map

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"github-repo-browser.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-repo-browser.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oFAAoF,CAAC;AAErH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACzD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EAAE,eAAuB,EAChC,UAAmC,GACpC,EAAE,sBAAsB,2CAsIxB"}
+{"version":3,"file":"github-repo-browser.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-repo-browser.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oFAAoF,CAAC;AACrH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oFAAoF,CAAC;AAK7H,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,OAAO,CAAC;QAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5E;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EAAE,eAAuB,EAChC,UAAmC,EACnC,SAAmC,GACpC,EAAE,sBAAsB,2CA+KxB"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.js

@@ -5,18 +5,44 @@ import { Lock, Globe, Loader2, Search, AlertCircle } from 'lucide-react';
 import { Input } from '../../ui/input.js';
 import { Badge } from '../../ui/badge.js';
 import { Skeleton } from '../../ui/skeleton.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
 import { listGitHubRepositories } from '../../../app/actions/list-github-repositories.js';
-export function GitHubRepoBrowser({ onSelect, loading: externalLoading = false, fetchRepos = listGitHubRepositories, }) {
+import { listGitHubOrganizations } from '../../../app/actions/list-github-organizations.js';
+/** Sentinel value representing the authenticated user's personal account */
+const PERSONAL_OWNER = '__personal__';
+export function GitHubRepoBrowser({ onSelect, loading: externalLoading = false, fetchRepos = listGitHubRepositories, fetchOrgs = listGitHubOrganizations, }) {
     const [repos, setRepos] = useState([]);
+    const [orgs, setOrgs] = useState([]);
     const [fetching, setFetching] = useState(true);
     const [error, setError] = useState('');
     const [search, setSearch] = useState('');
+    const [selectedOwner, setSelectedOwner] = useState(PERSONAL_OWNER);
     const debounceRef = useRef(null);
-    const fetchData = useCallback(async (searchTerm) => {
+    // Fetch organizations on mount
+    useEffect(() => {
+        async function loadOrgs() {
+            try {
+                const result = await fetchOrgs();
+                if (result.orgs) {
+                    setOrgs(result.orgs);
+                }
+            }
+            catch {
+                // Org listing failure is non-critical — user can still browse personal repos
+            }
+        }
+        loadOrgs();
+    }, [fetchOrgs]);
+    const fetchData = useCallback(async (searchTerm, owner) => {
         setFetching(true);
         setError('');
         try {
-            const result = await fetchRepos(searchTerm ? { search: searchTerm } : undefined);
+            const input = {};
+            if (searchTerm)
+                input.search = searchTerm;
+            if (owner && owner !== PERSONAL_OWNER)
+                input.owner = owner;
+            const result = await fetchRepos(Object.keys(input).length > 0 ? input : undefined);
             if (result.error) {
                 setError(result.error);
                 setRepos([]);
@@ -34,19 +60,23 @@ export function GitHubRepoBrowser({ onSelect, loading: externalLoading = false,
         }
     }, [fetchRepos]);
     useEffect(() => {
-        fetchData();
-    }, [fetchData]);
+        fetchData(search || undefined, selectedOwner);
+    }, [fetchData, selectedOwner]); // eslint-disable-line react-hooks/exhaustive-deps
     function handleSearchChange(value) {
         setSearch(value);
         if (debounceRef.current)
             clearTimeout(debounceRef.current);
         debounceRef.current = setTimeout(() => {
-            fetchData(value || undefined);
+            fetchData(value || undefined, selectedOwner);
         }, 300);
     }
+    function handleOwnerChange(value) {
+        setSelectedOwner(value);
+        setSearch('');
+    }
     const disabled = externalLoading;
     if (error && !fetching) {
         return (_jsxs("div", { className: "flex flex-col items-center gap-2 py-8 text-center", "data-testid": "repo-browser-error", children: [_jsx(AlertCircle, { className: "text-destructive h-8 w-8" }), _jsx("p", { className: "text-destructive text-sm", children: error })] }));
     }
-    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { placeholder: "Search repositories...", value: search, onChange: (e) => handleSearchChange(e.target.value), className: "ps-9", disabled: disabled, "aria-label": "Search repositories" })] }), _jsx("div", { className: "max-h-64 overflow-x-hidden overflow-y-auto rounded-md border", role: "listbox", "aria-label": "GitHub repositories", children: fetching ? (_jsx("div", { className: "flex flex-col gap-2 p-3", "data-testid": "repo-browser-loading", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-72" })] }, `skeleton-${String(i)}`))) })) : repos.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-8 text-center text-sm", "data-testid": "repo-browser-empty", children: "No repositories found" })) : (repos.map((repo) => (_jsxs("button", { type: "button", role: "option", "aria-selected": false, className: "hover:bg-accent flex w-full items-start gap-2 border-b px-3 py-2.5 text-start last:border-b-0 disabled:opacity-50", onClick: () => onSelect(repo.nameWithOwner), disabled: disabled, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium", children: repo.nameWithOwner }), _jsx(Badge, { variant: repo.isPrivate ? 'secondary' : 'outline', className: "shrink-0 text-xs", children: repo.isPrivate ? (_jsxs(_Fragment, { children: [_jsx(Lock, { className: "me-1 h-3 w-3" }), "Private"] })) : (_jsxs(_Fragment, { children: [_jsx(Globe, { className: "me-1 h-3 w-3" }), "Public"] })) })] }), repo.description ? (_jsx("p", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: repo.description })) : null] }), disabled ? _jsx(Loader2, { className: "mt-0.5 h-4 w-4 shrink-0 animate-spin" }) : null] }, repo.nameWithOwner)))) })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [orgs.length > 0 ? (_jsxs(Select, { value: selectedOwner, onValueChange: handleOwnerChange, disabled: disabled, children: [_jsx(SelectTrigger, { "aria-label": "Select owner", children: _jsx(SelectValue, { placeholder: "Select owner" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: PERSONAL_OWNER, children: "My repositories" }), orgs.map((org) => (_jsx(SelectItem, { value: org.login, children: org.login }, org.login)))] })] })) : null, _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { placeholder: "Search repositories...", value: search, onChange: (e) => handleSearchChange(e.target.value), className: "ps-9", disabled: disabled, "aria-label": "Search repositories" })] }), _jsx("div", { className: "max-h-64 overflow-x-hidden overflow-y-auto rounded-md border", role: "listbox", "aria-label": "GitHub repositories", children: fetching ? (_jsx("div", { className: "flex flex-col gap-2 p-3", "data-testid": "repo-browser-loading", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-72" })] }, `skeleton-${String(i)}`))) })) : repos.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-8 text-center text-sm", "data-testid": "repo-browser-empty", children: "No repositories found" })) : (repos.map((repo) => (_jsxs("button", { type: "button", role: "option", "aria-selected": false, className: "hover:bg-accent flex w-full items-start gap-2 border-b px-3 py-2.5 text-start last:border-b-0 disabled:opacity-50", onClick: () => onSelect(repo.nameWithOwner), disabled: disabled, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium", children: repo.nameWithOwner }), _jsx(Badge, { variant: repo.isPrivate ? 'secondary' : 'outline', className: "shrink-0 text-xs", children: repo.isPrivate ? (_jsxs(_Fragment, { children: [_jsx(Lock, { className: "me-1 h-3 w-3" }), "Private"] })) : (_jsxs(_Fragment, { children: [_jsx(Globe, { className: "me-1 h-3 w-3" }), "Public"] })) })] }), repo.description ? (_jsx("p", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: repo.description })) : null] }), disabled ? _jsx(Loader2, { className: "mt-0.5 h-4 w-4 shrink-0 animate-spin" }) : null] }, repo.nameWithOwner)))) })] }));
 }

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof GitHubRepoBrowser>;
 export default meta;
 type Story = StoryObj<typeof GitHubRepoBrowser>;
 export declare const Default: Story;
+export declare const WithOrganizations: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
 export declare const Error: Story;

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"github-repo-browser.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAyC1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAiBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}
+{"version":3,"file":"github-repo-browser.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAgE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAiBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}

package/dist/src/presentation/web/components/common/github-import-dialog/github-repo-browser.stories.js

@@ -38,6 +38,26 @@ const mockRepos = [
         pushedAt: '2025-03-11T09:00:00Z',
     },
 ];
+const mockOrgRepos = [
+    {
+        name: 'platform',
+        nameWithOwner: 'acme-corp/platform',
+        description: 'Core platform monorepo',
+        isPrivate: true,
+        pushedAt: '2025-03-15T10:00:00Z',
+    },
+    {
+        name: 'design-system',
+        nameWithOwner: 'acme-corp/design-system',
+        description: 'Shared design system components',
+        isPrivate: false,
+        pushedAt: '2025-03-14T08:00:00Z',
+    },
+];
+const mockOrgs = [
+    { login: 'acme-corp', description: 'Acme Corporation' },
+    { login: 'open-source-collective', description: 'Open source projects' },
+];
 const meta = {
     title: 'Composed/GitHubRepoBrowser',
     component: GitHubRepoBrowser,
@@ -56,17 +76,31 @@ export default meta;
 export const Default = {
     args: {
         fetchRepos: () => Promise.resolve({ repos: mockRepos }),
+        fetchOrgs: () => Promise.resolve({ orgs: [] }),
+    },
+};
+export const WithOrganizations = {
+    args: {
+        fetchRepos: (input) => {
+            if (input?.owner === 'acme-corp') {
+                return Promise.resolve({ repos: mockOrgRepos });
+            }
+            return Promise.resolve({ repos: mockRepos });
+        },
+        fetchOrgs: () => Promise.resolve({ orgs: mockOrgs }),
     },
 };
 export const Loading = {
     args: {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         fetchRepos: () => new Promise(() => { }), // never resolves
+        fetchOrgs: () => Promise.resolve({ orgs: [] }),
     },
 };
 export const Empty = {
     args: {
         fetchRepos: () => Promise.resolve({ repos: [] }),
+        fetchOrgs: () => Promise.resolve({ orgs: [] }),
     },
 };
 export const Error = {
@@ -74,5 +108,6 @@ export const Error = {
         fetchRepos: () => Promise.resolve({
             error: 'GitHub CLI is not authenticated. Run `gh auth login` to sign in.',
         }),
+        fetchOrgs: () => Promise.resolve({ orgs: [] }),
     },
 };

package/dist/src/presentation/web/components/features/chat/ChatSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,eAAe,4CAkY9B"}
+{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,eAAe,4CAwY9B"}

package/dist/src/presentation/web/components/features/chat/ChatSheet.js

@@ -8,6 +8,8 @@ import { Button } from '../../ui/button.js';
 import { ChatTab } from './ChatTab.js';
 import { ChatDotIndicator } from './ChatDotIndicator.js';
 import { useTurnStatus } from '../../../hooks/turn-statuses-provider.js';
+import { useFabLayout } from '../../../hooks/fab-layout-context.js';
+import { useSidebar } from '../../ui/sidebar.js';
 // ── Persistent global chat popup (draggable + resizable) ──────────────────
 const DEFAULT_W = 520;
 const DEFAULT_H_VH = 70; // percentage of viewport height
@@ -48,6 +50,8 @@ export function GlobalChatPopup() {
     const [hasOpened, setHasOpened] = useState(false);
     const [isMaximized, setIsMaximized] = useState(false);
     const globalChatTurnStatus = useTurnStatus('global');
+    const { swapPosition } = useFabLayout();
+    const { state: sidebarState } = useSidebar();
     // Position/size — initialized from localStorage
     // eslint-disable-next-line react/hook-use-state -- wrapped setters below
     const [pos, setPosRaw] = useState(() => loadPersistedState().pos);
@@ -229,7 +233,7 @@ export function GlobalChatPopup() {
             };
     return (_jsxs(_Fragment, { children: [hasOpened ? (_jsxs("div", { ref: panelRef, className: cn(isMaximized
                     ? 'bg-background fixed inset-0 z-[60] flex flex-col overflow-hidden dark:bg-neutral-900'
-                    : cn(!pos && 'fixed end-8 bottom-24', 'z-[60] flex flex-col overflow-hidden rounded-lg', 'border-border/60 border dark:border-white/10', 'bg-background dark:bg-neutral-900', 'shadow-[0_8px_40px_-8px_rgba(0,0,0,0.2)] dark:shadow-[0_8px_40px_-8px_rgba(0,0,0,0.6)]'), 'transition-opacity duration-300 ease-out', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), style: panelStyle, children: [!isMaximized ? (_jsx("div", { className: "h-[2px] shrink-0 bg-gradient-to-r from-transparent via-violet-500/50 to-transparent" })) : null, !isMaximized ? (_jsx("div", { onMouseDown: onResizeStart, className: "absolute end-0 top-0 z-10 h-4 w-4 cursor-ne-resize" })) : null, _jsxs("div", { onMouseDown: isMaximized ? undefined : onDragStart, className: cn('relative flex h-11 shrink-0 items-center gap-2.5 border-b border-black/[0.06] px-3.5 dark:border-white/[0.06]', !isMaximized && 'cursor-grab active:cursor-grabbing'), children: [_jsx("div", { className: "from-foreground/[0.02] to-foreground/[0.02] pointer-events-none absolute inset-0 bg-gradient-to-r via-transparent" }), !isMaximized ? (_jsx(GripVertical, { className: "text-foreground/15 relative h-3.5 w-3.5 shrink-0" })) : null, _jsx("div", { className: "relative flex h-5 w-5 items-center justify-center", children: _jsx(Bot, { className: "text-foreground/50 h-4 w-4" }) }), _jsxs("div", { className: "relative flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground/90 text-base font-bold tracking-tight", children: "Shep" }), _jsx("span", { className: "text-foreground/30 text-xs font-medium tracking-widest uppercase", children: "global" })] }), _jsxs("div", { className: "relative ms-auto flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: toggleMaximize, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: isMaximized ? 'Restore (⌘⇧M)' : 'Maximize (⌘⇧M)', children: isMaximized ? (_jsx(Minimize2, { className: "h-3.5 w-3.5" })) : (_jsx(Maximize2, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: handleClose, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: "Close (\u2318\u21E7K)", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: "global" }) }), !isMaximized ? (_jsx("div", { onMouseDown: (e) => {
+                    : cn(!pos && (swapPosition ? 'fixed start-8 bottom-24' : 'fixed end-8 bottom-24'), 'z-[60] flex flex-col overflow-hidden rounded-lg', 'border-border/60 border dark:border-white/10', 'bg-background dark:bg-neutral-900', 'shadow-[0_8px_40px_-8px_rgba(0,0,0,0.2)] dark:shadow-[0_8px_40px_-8px_rgba(0,0,0,0.6)]'), 'transition-opacity duration-300 ease-out', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), style: panelStyle, children: [!isMaximized ? (_jsx("div", { className: "h-[2px] shrink-0 bg-gradient-to-r from-transparent via-violet-500/50 to-transparent" })) : null, !isMaximized ? (_jsx("div", { onMouseDown: onResizeStart, className: "absolute end-0 top-0 z-10 h-4 w-4 cursor-ne-resize" })) : null, _jsxs("div", { onMouseDown: isMaximized ? undefined : onDragStart, className: cn('relative flex h-11 shrink-0 items-center gap-2.5 border-b border-black/[0.06] px-3.5 dark:border-white/[0.06]', !isMaximized && 'cursor-grab active:cursor-grabbing'), children: [_jsx("div", { className: "from-foreground/[0.02] to-foreground/[0.02] pointer-events-none absolute inset-0 bg-gradient-to-r via-transparent" }), !isMaximized ? (_jsx(GripVertical, { className: "text-foreground/15 relative h-3.5 w-3.5 shrink-0" })) : null, _jsx("div", { className: "relative flex h-5 w-5 items-center justify-center", children: _jsx(Bot, { className: "text-foreground/50 h-4 w-4" }) }), _jsxs("div", { className: "relative flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground/90 text-base font-bold tracking-tight", children: "Shep" }), _jsx("span", { className: "text-foreground/30 text-xs font-medium tracking-widest uppercase", children: "global" })] }), _jsxs("div", { className: "relative ms-auto flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: toggleMaximize, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: isMaximized ? 'Restore (⌘⇧M)' : 'Maximize (⌘⇧M)', children: isMaximized ? (_jsx(Minimize2, { className: "h-3.5 w-3.5" })) : (_jsx(Maximize2, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: handleClose, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: "Close (\u2318\u21E7K)", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: "global" }) }), !isMaximized ? (_jsx("div", { onMouseDown: (e) => {
                             e.preventDefault();
                             e.stopPropagation();
                             const panel = panelRef.current;
@@ -255,7 +259,23 @@ export function GlobalChatPopup() {
                             };
                             document.addEventListener('mousemove', onMove);
                             document.addEventListener('mouseup', onUp);
-                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs("div", { className: cn('group/fab fixed end-8 bottom-6 z-30', isMaximized && 'hidden'), children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
+                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs(ChatFabWrapper, { swapPosition: swapPosition, sidebarState: sidebarState, isMaximized: isMaximized, children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
                             ? 'bg-violet-600 text-white hover:bg-violet-500'
                             : 'bg-violet-500 text-white hover:bg-violet-400 dark:bg-violet-500 dark:hover:bg-violet-400'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "end-0 top-0" })] }), _jsx("div", { className: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2 translate-y-1 opacity-0 transition-all duration-200 group-hover/fab:translate-y-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 text-center shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium whitespace-nowrap", children: t('chat.shepChat') }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center justify-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] })] }));
 }
+/** Wrapper for the Chat FAB that handles position swapping. */
+function ChatFabWrapper({ swapPosition, sidebarState, isMaximized, children, }) {
+    const { i18n } = useTranslation('web');
+    const isRtl = i18n.dir() === 'rtl';
+    if (!swapPosition) {
+        return (_jsx("div", { className: cn('group/fab fixed end-8 bottom-6 z-30', isMaximized && 'hidden'), children: children }));
+    }
+    // Swapped: chat FAB moves to start side, tracking sidebar width
+    const sidebarOffset = sidebarState === 'expanded'
+        ? 'calc(var(--sidebar-width) + 32px)'
+        : 'calc(var(--sidebar-width-icon) + 32px)';
+    const positionStyle = isRtl
+        ? { right: sidebarOffset, transition: 'right 200ms ease-in-out' }
+        : { left: sidebarOffset, transition: 'left 200ms ease-in-out' };
+    return (_jsx("div", { className: cn('group/fab fixed bottom-6 z-30', isMaximized && 'hidden'), style: positionStyle, children: children }));
+}

package/dist/src/presentation/web/components/features/control-center/control-center-inner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AA+B5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA+czF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAgC5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA+czF"}

package/dist/src/presentation/web/components/features/control-center/control-center-inner.js

@@ -16,6 +16,7 @@ import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { useViewportPersistence } from '../../../hooks/use-viewport-persistence.js';
 import { useSidebar } from '../../ui/sidebar.js';
+import { useFabLayout } from '../../../hooks/fab-layout-context.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
 const AUTO_FOCUS_OPTIONS = {
@@ -353,11 +354,24 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onResetViewport: resetViewport }));
     return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? edges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }) }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null] }));
 }
-/** (+) FAB that tracks sidebar width via CSS var + transition. */
+/** (+) FAB that tracks sidebar width via CSS var + transition.
+ *  When fabLayout.swapPosition is true, moves to the end side (right in LTR). */
 function CreateFab({ actions }) {
     const { state } = useSidebar();
     const { i18n } = useTranslation('web');
+    const { swapPosition } = useFabLayout();
     const isRtl = i18n.dir() === 'rtl';
+    // Default: start side (left in LTR), tracking sidebar width
+    // Swapped: end side (right in LTR), fixed 32px from edge
+    if (swapPosition) {
+        const positionStyle = isRtl
+            ? {
+                left: 'calc(var(--sidebar-width-icon) + 32px)',
+                transition: 'left 200ms ease-in-out',
+            }
+            : { right: '32px', transition: 'right 200ms ease-in-out' };
+        return (_jsx(FloatingActionButton, { actions: actions, className: "!fixed bottom-6", style: positionStyle }));
+    }
     // Sidebar expanded = var(--sidebar-width) = 16rem, collapsed = var(--sidebar-width-icon) = 3rem
     // Position just outside the sidebar edge with 16px gap
     const offset = state === 'expanded'

package/dist/src/presentation/web/components/features/settings/settings-page-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EACV,QAAQ,EAIT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA6B/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA+QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CAm1CzB"}
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EACV,QAAQ,EAKT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA8B/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA+QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CAi3CzB"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
-import { Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Globe, Minus, Plus, ExternalLink, Settings2, Timer, MessageSquare, } from 'lucide-react';
+import { Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Globe, Minus, Plus, ExternalLink, Settings2, Timer, MessageSquare, LayoutGrid, } from 'lucide-react';
 import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
 import { cn } from '../../../lib/utils.js';
@@ -36,6 +36,7 @@ const SECTIONS = [
     { id: 'notifications', labelKey: 'settings.sections.notifications', icon: Bell },
     { id: 'feature-flags', labelKey: 'settings.sections.flags', icon: Flag },
     { id: 'interactive-agent', labelKey: 'settings.sections.chat', icon: MessageSquare },
+    { id: 'fab-layout', labelKey: 'settings.sections.layout', icon: LayoutGrid },
     { id: 'database', labelKey: 'settings.sections.database', icon: Database },
 ];
 function useSaveIndicator() {
@@ -190,6 +191,9 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
     const [interactiveEnabled, setInteractiveEnabled] = useState(interactiveAgentConfig.enabled);
     const [interactiveTimeout, setInteractiveTimeout] = useState(String(interactiveAgentConfig.autoTimeoutMinutes));
     const [interactiveSessions, setInteractiveSessions] = useState(String(interactiveAgentConfig.maxConcurrentSessions));
+    // FAB layout state
+    const fabLayoutConfig = settings.fabLayout ?? { swapPosition: false };
+    const [fabSwapPosition, setFabSwapPosition] = useState(fabLayoutConfig.swapPosition);
     // Notification state
     const [inApp, setInApp] = useState(settings.notifications.inApp.enabled);
     const [events, setEvents] = useState({ ...settings.notifications.events });
@@ -588,7 +592,10 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                                         maxConcurrentSessions: clamped,
                                                     },
                                                 });
-                                            } }) })] }), _jsx(SectionHint, { children: t('settings.interactiveAgent.hint') })] }), _jsxs("div", { id: "section-database", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Database, title: t('settings.database.title'), description: t('settings.database.sectionDescription'), testId: "database-settings-section", children: [_jsx(SettingsRow, { label: t('settings.database.location'), description: t('settings.database.locationDescription'), children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: t('settings.database.size'), children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }), _jsx(SectionHint, { links: [
+                                            } }) })] }), _jsx(SectionHint, { children: t('settings.interactiveAgent.hint') })] }), _jsxs("div", { id: "section-fab-layout", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsx(SettingsSection, { icon: LayoutGrid, title: t('settings.fabLayout.title'), description: t('settings.fabLayout.description'), testId: "fab-layout-settings-section", children: _jsx(SwitchRow, { label: t('settings.fabLayout.swapPosition'), description: t('settings.fabLayout.swapPositionDescription'), id: "fab-swap-position", testId: "switch-fab-swap-position", checked: fabSwapPosition, onChange: (v) => {
+                                        setFabSwapPosition(v);
+                                        save({ fabLayout: { swapPosition: v } });
+                                    } }) }), _jsx(SectionHint, { children: t('settings.fabLayout.hint') })] }), _jsxs("div", { id: "section-database", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Database, title: t('settings.database.title'), description: t('settings.database.sectionDescription'), testId: "database-settings-section", children: [_jsx(SettingsRow, { label: t('settings.database.location'), description: t('settings.database.locationDescription'), children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: t('settings.database.size'), children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }), _jsx(SectionHint, { links: [
                                     {
                                         label: t('settings.database.links.settingsService'),
                                         href: 'https://github.com/shep-ai/shep/blob/main/docs/architecture/settings-service.md',

package/dist/src/presentation/web/hooks/fab-layout-context.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { FabLayoutState } from '../lib/fab-layout.js';
+interface FabLayoutProviderProps {
+    children: ReactNode;
+    layout: FabLayoutState;
+}
+/**
+ * Provides server-resolved FAB layout configuration to all client components.
+ * Initialized in the root layout with values from the DB singleton.
+ */
+export declare function FabLayoutProvider({ children, layout }: FabLayoutProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Read FAB layout config from context. Returns default (not swapped)
+ * when used outside a FabLayoutProvider (e.g., Storybook, tests).
+ */
+export declare function useFabLayout(): FabLayoutState;
+export {};
+//# sourceMappingURL=fab-layout-context.d.ts.map

package/dist/src/presentation/web/hooks/fab-layout-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-layout-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/fab-layout-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMvD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAE7E;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,cAAc,CAE7C"}

package/dist/src/presentation/web/hooks/fab-layout-context.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const defaultLayout = { swapPosition: false };
+const FabLayoutContext = createContext(defaultLayout);
+/**
+ * Provides server-resolved FAB layout configuration to all client components.
+ * Initialized in the root layout with values from the DB singleton.
+ */
+export function FabLayoutProvider({ children, layout }) {
+    return _jsx(FabLayoutContext.Provider, { value: layout, children: children });
+}
+/**
+ * Read FAB layout config from context. Returns default (not swapped)
+ * when used outside a FabLayoutProvider (e.g., Storybook, tests).
+ */
+export function useFabLayout() {
+    return useContext(FabLayoutContext);
+}

package/dist/src/presentation/web/lib/fab-layout.d.ts

@@ -0,0 +1,11 @@
+/**
+ * FAB layout configuration for the web UI.
+ *
+ * Reads from Settings.fabLayout when available, defaulting to
+ * swapPosition = false (Create FAB on start side, Chat FAB on end side).
+ */
+export interface FabLayoutState {
+    swapPosition: boolean;
+}
+export declare function getFabLayout(): FabLayoutState;
+//# sourceMappingURL=fab-layout.d.ts.map

package/dist/src/presentation/web/lib/fab-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/fab-layout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,IAAI,cAAc,CAa7C"}

package/dist/src/presentation/web/lib/fab-layout.js

@@ -0,0 +1,21 @@
+/**
+ * FAB layout configuration for the web UI.
+ *
+ * Reads from Settings.fabLayout when available, defaulting to
+ * swapPosition = false (Create FAB on start side, Chat FAB on end side).
+ */
+import { hasSettings, getSettings } from '../../../../packages/core/src/infrastructure/services/settings.service.js';
+export function getFabLayout() {
+    try {
+        if (hasSettings()) {
+            const fabLayout = getSettings().fabLayout;
+            if (fabLayout) {
+                return { swapPosition: fabLayout.swapPosition };
+            }
+        }
+    }
+    catch {
+        // Settings not initialized (e.g., during build/SSG or client-side hydration)
+    }
+    return { swapPosition: false };
+}