@exoscient/control-panel 0.1.0

package/dist/AppControlPanel.js

@@ -0,0 +1,1625 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { InlineSpinner, LoadingState, WorkingIndicator, formatDateTime, isTaskBusy, useElapsedNow, } from './ai-plane';
+import { emptyRepositoryWorktreeStatus, repositoryBranchOptions, repositoryTaskCompletionBehaviors, repositoryWorkflowModes, } from './repository-workflow';
+import { Activity, AppWindow, BriefcaseBusiness, ChevronDown, CheckCircle2, CircleOff, ClipboardList, Copy, ExternalLink, GitBranch, Image, Info, KeyRound, Menu, Pencil, Plus, RefreshCw, Save, Server, Smartphone, TerminalSquare, Trash2, Upload, WandSparkles, X, } from 'lucide-react';
+import { ClientUpdateService } from './ai-plane';
+import { ControlPanelNavigation, ControlPanelShell, } from './ControlPanelShell';
+import { TaskWorkspace, } from './TaskWorkspace';
+import { ExoLauncherSimulator, } from './ExoLauncherSimulator';
+import { formatBytes, formatContainerPorts, taskModelOptionsFromStatus, } from './control-panel-shared';
+const brandGraphicRoles = [
+    { value: 'general', label: 'General' },
+    { value: 'mobile-launcher', label: 'Mobile launcher' },
+    { value: 'web-page-icon', label: 'Web page icon' },
+    { value: 'control-panel', label: 'Control panel' },
+    { value: 'host-listing', label: 'Host listing' },
+    { value: 'splash', label: 'Splash' },
+    { value: 'device-bundle', label: 'Device bundle' },
+];
+const initialParams = new URLSearchParams(window.location.search);
+const initialMode = parseInitialMode(initialParams.get('start-mode') ?? initialParams.get('mode'));
+const initialViewParam = initialParams.get('view');
+const viewSlugs = {
+    tasks: 'tasks',
+    outlets: 'outlets',
+    launcherSimulator: 'exo-launcher-simulator',
+    controlRepo: 'control-panel-repo',
+    repo: 'repo',
+    deployments: 'deployments',
+    info: 'info',
+    api: 'api',
+    status: 'status',
+};
+function resolveParamView(attachedRepositoryEnabled, customViews) {
+    const allCustomViews = flattenCustomViews(customViews);
+    return initialViewParam === 'deviceApps' || initialViewParam === 'outlets'
+        ? 'outlets'
+        : initialViewParam === 'launcherSimulator' || initialViewParam === 'exoLauncherSimulator'
+            ? 'launcherSimulator'
+            : initialViewParam === 'controlPanelRepo' || initialViewParam === 'controlRepo'
+                ? 'controlRepo'
+                : initialViewParam === 'repo' && attachedRepositoryEnabled
+                    ? 'repo'
+                    : initialViewParam === 'deployments' && attachedRepositoryEnabled
+                        ? 'deployments'
+                        : allCustomViews.some((customView) => initialViewParam === customView.id || initialViewParam === (customView.slug ?? customView.id))
+                            ? allCustomViews.find((customView) => initialViewParam === customView.id || initialViewParam === (customView.slug ?? customView.id)).id
+                            : initialViewParam === 'api'
+                                ? 'api'
+                                : initialViewParam === 'tasks'
+                                    ? 'tasks'
+                                    : null;
+}
+function firstEnabledView(attachedRepositoryEnabled, customViews, disabledViews) {
+    const candidates = [
+        'tasks',
+        'info',
+        'outlets',
+        ...flattenCustomViews(customViews).filter((item) => !item.hidden).map((item) => item.id),
+        'api',
+        'controlRepo',
+        ...(attachedRepositoryEnabled ? ['repo', 'deployments'] : []),
+        'status',
+    ];
+    return candidates.find((candidate) => !disabledViews.has(candidate)) ?? 'tasks';
+}
+function initialViewFor(attachedRepositoryEnabled, base, customViews, disabledViews, initialView) {
+    const fromPath = viewFromPath(base, customViews);
+    if (fromPath && !disabledViews.has(fromPath))
+        return fromPath;
+    const paramView = resolveParamView(attachedRepositoryEnabled, customViews);
+    if (paramView && !disabledViews.has(paramView))
+        return paramView;
+    if (initialView && !disabledViews.has(initialView))
+        return initialView;
+    return firstEnabledView(attachedRepositoryEnabled, customViews, disabledViews);
+}
+const authTokenKey = 'platform.authToken';
+function authFetch(input, init = {}) {
+    const headers = new Headers(init.headers);
+    const token = localStorage.getItem(authTokenKey);
+    if (token)
+        headers.set('authorization', `Bearer ${token}`);
+    return fetch(input, { ...init, headers });
+}
+function hasTaskPermission(payload, permission, applicationId) {
+    if (!payload.required)
+        return true;
+    if (payload.access?.hostAdmin)
+        return true;
+    return Boolean(payload.access?.appPermissions?.some((item) => item.appId === applicationId && item.permission?.toLocaleLowerCase() === permission));
+}
+export function AppControlPanel({ config, customViews = [], disabledViews, initialView, onLogout, hidePlatformLink = false, accessOverride, currentUserId = null, taskDataSourceExtensions, }) {
+    const { base, appIconHref, applicationId, applicationHandle, applicationTitle, attachedRepositoryEnabled, defaultOutletSettings, } = config;
+    const disabledViewSet = useMemo(() => new Set(disabledViews ?? []), [disabledViews]);
+    const [accessReady, setAccessReady] = useState(false);
+    const [accessRequired, setAccessRequired] = useState(false);
+    const [accessDenied, setAccessDenied] = useState(false);
+    const [canEditAppSettings, setCanEditAppSettings] = useState(false);
+    const [canEditRepoWorkflow, setCanEditRepoWorkflow] = useState(false);
+    const [taskCreatePermission, setTaskCreatePermission] = useState('code');
+    const [canSelectTaskModel, setCanSelectTaskModel] = useState(false);
+    const [taskModelOptions, setTaskModelOptions] = useState([]);
+    const [view, setView] = useState(() => initialViewFor(attachedRepositoryEnabled, base, customViews, disabledViewSet, initialView));
+    const [appInfoDialogOpen, setAppInfoDialogOpen] = useState(false);
+    const [appInfoEditTarget, setAppInfoEditTarget] = useState('title');
+    const [appInfoDraft, setAppInfoDraft] = useState({
+        title: '',
+        description: '',
+        outlets: defaultOutletSettings,
+        telegramBot: { liveToken: '', testToken: '' },
+    });
+    const [brandGraphics, setBrandGraphics] = useState([]);
+    const [brandGraphicDialog, setBrandGraphicDialog] = useState(null);
+    const [brandGraphicDraft, setBrandGraphicDraft] = useState({ role: 'general', label: '', dataUrl: '', fileName: '', width: 0, height: 0 });
+    const [brandGraphicSubmitting, setBrandGraphicSubmitting] = useState(false);
+    const [generateGraphicDialogOpen, setGenerateGraphicDialogOpen] = useState(false);
+    const [generateGraphicDraft, setGenerateGraphicDraft] = useState({ role: 'general', size: '512x512', prompt: '' });
+    const [status, setStatus] = useState(null);
+    const [statusLoading, setStatusLoading] = useState(false);
+    const [appInfo, setAppInfo] = useState(null);
+    const [webLinks, setWebLinks] = useState([]);
+    const [deviceApps, setDeviceApps] = useState([]);
+    const [repoInfo, setRepoInfo] = useState(null);
+    const [controlPanelRepoInfo, setControlPanelRepoInfo] = useState(null);
+    const [controlPanelRepoSaving, setControlPanelRepoSaving] = useState(false);
+    const [controlPanelRepoError, setControlPanelRepoError] = useState(null);
+    const [repoFetching, setRepoFetching] = useState(false);
+    const [repoWorkspaceEdits, setRepoWorkspaceEdits] = useState({});
+    const [repoWorkflowDialog, setRepoWorkflowDialog] = useState(null);
+    const [repoInlineSelection, setRepoInlineSelection] = useState(null);
+    const [controlPanelRepoInlineSelection, setControlPanelRepoInlineSelection] = useState(null);
+    const [repoSavingWorkflow, setRepoSavingWorkflow] = useState(false);
+    const [repoSavingWorkspaceId, setRepoSavingWorkspaceId] = useState(null);
+    const [repoResetDialog, setRepoResetDialog] = useState(null);
+    const [repoResetting, setRepoResetting] = useState(false);
+    const [repoDeleteLocalBranchDialog, setRepoDeleteLocalBranchDialog] = useState(null);
+    const [repoDeletingLocalBranch, setRepoDeletingLocalBranch] = useState(false);
+    const [repoDeleteDialog, setRepoDeleteDialog] = useState(null);
+    const [repoDeleting, setRepoDeleting] = useState(false);
+    const [repoAttachOpen, setRepoAttachOpen] = useState(false);
+    const [repoAttachUrl, setRepoAttachUrl] = useState('');
+    const [repoAttachId, setRepoAttachId] = useState('');
+    const [repoAttachLabel, setRepoAttachLabel] = useState('');
+    const [repoWorkingBranch, setRepoWorkingBranch] = useState('main');
+    const [repoWorkflowMode, setRepoWorkflowMode] = useState('code-merge-request');
+    const [repoAccessKey, setRepoAccessKey] = useState('');
+    const [repoAttachError, setRepoAttachError] = useState('');
+    const [repoPreparingAccess, setRepoPreparingAccess] = useState(false);
+    const [repoAttaching, setRepoAttaching] = useState(false);
+    const [externalDeployments, setExternalDeployments] = useState(null);
+    const [externalDeploymentsLoading, setExternalDeploymentsLoading] = useState(false);
+    const [apiClients, setApiClients] = useState([]);
+    const [apiClientsLoading, setApiClientsLoading] = useState(false);
+    const [apiClientsError, setApiClientsError] = useState(null);
+    const [apiClientDialogOpen, setApiClientDialogOpen] = useState(false);
+    const [apiClientSubmitting, setApiClientSubmitting] = useState(false);
+    const [createdApiToken, setCreatedApiToken] = useState(null);
+    const [apiClientDraft, setApiClientDraft] = useState({
+        name: '',
+        accessLevels: ['query'],
+        operations: ['start_task', 'read_task', 'terminate_own_task'],
+        callbackAllowlist: '',
+    });
+    const [copiedDeviceApp, setCopiedDeviceApp] = useState(null);
+    const [launcherSimulatorTarget, setLauncherSimulatorTarget] = useState(() => parseLauncherSimulatorTarget(initialParams));
+    const [mobileNavOpen, setMobileNavOpen] = useState(false);
+    const [initialModeTaskId, setInitialModeTaskId] = useState(null);
+    const [initialModeStartedAt, setInitialModeStartedAt] = useState(null);
+    const initialModeAttemptedRef = useRef(false);
+    const initialModeOutcomeHandledRef = useRef(false);
+    const [onboardingTask, setOnboardingTask] = useState(null);
+    const [onboardingSubmitting, setOnboardingSubmitting] = useState(false);
+    const [taskWorkspaceDetailState, setTaskWorkspaceDetailState] = useState('none');
+    const [appInfoSubmitting, setAppInfoSubmitting] = useState(false);
+    const [platformStatus, setPlatformStatus] = useState({ available: true, message: 'Platform is available.' });
+    const updateService = useMemo(() => new ClientUpdateService(base, () => localStorage.getItem(authTokenKey)), []);
+    const taskCreatePermissionRef = useRef(taskCreatePermission);
+    useEffect(() => {
+        taskCreatePermissionRef.current = taskCreatePermission;
+    }, [taskCreatePermission]);
+    const taskDataSource = useMemo(() => ({
+        async loadTasks() {
+            const response = await authFetch(`${base}/api/state/tasks`);
+            if (!response.ok)
+                throw new Error(`Task state failed: ${response.status}`);
+            return await response.json();
+        },
+        async loadTask(taskId) {
+            const response = await authFetch(`${base}/api/state/tasks/${taskId}`);
+            if (!response.ok)
+                throw new Error(`Task detail failed: ${response.status}`);
+            return await response.json();
+        },
+        async loadTaskTrace(taskId, turnId) {
+            const response = await authFetch(`${base}/api/state/tasks/${taskId}/turns/${turnId}/trace`);
+            if (!response.ok)
+                throw new Error(`Task trace failed: ${response.status}`);
+            return await response.json();
+        },
+        async createTask(input) {
+            const response = await authFetch(`${base}/api/tasks`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ ...input, taskPermission: taskCreatePermissionRef.current ?? 'code' }),
+            });
+            // The server is the authority on whether the request is accepted. Surface its rejection (e.g. a
+            // conflict) by throwing the server message so the caller can show it inline, rather than swallowing.
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Your task could not be created.');
+            return await response.json();
+        },
+        async sendFollowUp(taskId, input) {
+            const response = await authFetch(`${base}/api/tasks/${taskId}/messages`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ ...input, taskPermission: taskCreatePermissionRef.current ?? 'code' }),
+            });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Your message could not be sent.');
+            return await response.json();
+        },
+        async submitClientAction(taskId, input) {
+            const response = await authFetch(`${base}/api/tasks/${taskId}/external-continuations`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ token: input.token, message: input.message }),
+            });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Your decision could not be submitted.');
+            return await response.json();
+        },
+        async interruptTask(taskId, message) {
+            const response = await authFetch(`${base}/api/tasks/${taskId}/interrupt`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ message }),
+            });
+            return response.ok ? await response.json() : null;
+        },
+        async steerTask(taskId, message) {
+            const response = await authFetch(`${base}/api/tasks/${taskId}/steer`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ message }),
+            });
+            return response.ok ? await response.json() : null;
+        },
+        uploadAttachment: uploadTaskAttachment,
+        subscribe: (subscription) => updateService.subscribe(subscription),
+        setUpdateCursor: (cursor) => updateService.setCursor(cursor),
+        ...(taskDataSourceExtensions ?? {}),
+    }), [base, updateService, taskDataSourceExtensions]);
+    const displayTitle = appInfo?.title || applicationTitle;
+    useEffect(() => {
+        document.title = `${displayTitle} Control Panel`;
+    }, [displayTitle]);
+    const checkAccess = useCallback(async () => {
+        if (accessOverride) {
+            setAccessRequired(Boolean(accessOverride.required));
+            setAccessDenied(false);
+            setCanEditAppSettings(accessOverride.canEditAppSettings ?? true);
+            setCanEditRepoWorkflow(accessOverride.canEditRepoWorkflow ?? true);
+            setTaskCreatePermission(accessOverride.taskCreatePermission ?? 'code');
+            setCanSelectTaskModel(accessOverride.canSelectTaskModel ?? false);
+            setAccessReady(true);
+            return;
+        }
+        try {
+            const response = await authFetch(`${base}/api/access/me`);
+            if (response.status === 401 || response.status === 403) {
+                setAccessRequired(true);
+                setAccessDenied(true);
+                setCanEditAppSettings(false);
+                setCanEditRepoWorkflow(false);
+                setTaskCreatePermission(null);
+                setCanSelectTaskModel(false);
+                setAccessReady(true);
+                return;
+            }
+            if (!response.ok)
+                throw new Error(`Access check failed: ${response.status}`);
+            const payload = await response.json();
+            const canCreateCodeTask = hasTaskPermission(payload, 'code', applicationId);
+            const canCreateQueryTask = hasTaskPermission(payload, 'query', applicationId);
+            setAccessRequired(Boolean(payload.required));
+            setAccessDenied(false);
+            setCanEditAppSettings(hasTaskPermission(payload, 'devops', applicationId));
+            setCanEditRepoWorkflow(!payload.required || Boolean(payload.access?.hostAdmin));
+            setTaskCreatePermission(canCreateCodeTask ? 'code' : canCreateQueryTask ? 'query' : null);
+            setCanSelectTaskModel(Boolean(payload.access?.hostAdmin));
+            setAccessReady(true);
+        }
+        catch {
+            setAccessRequired(false);
+            setAccessDenied(false);
+            setCanEditAppSettings(true);
+            setCanEditRepoWorkflow(true);
+            setTaskCreatePermission('code');
+            setCanSelectTaskModel(false);
+            setAccessReady(true);
+        }
+    }, [accessOverride]);
+    useEffect(() => {
+        void checkAccess();
+    }, [checkAccess]);
+    useEffect(() => {
+        if (!canSelectTaskModel) {
+            setTaskModelOptions([]);
+            return;
+        }
+        void loadTaskModelOptions();
+    }, [canSelectTaskModel]);
+    async function loadTaskModelOptions() {
+        try {
+            const response = await authFetch(`${base}/api/coding-agent/status`);
+            if (!response.ok)
+                throw new Error(`Coding agent status failed: ${response.status}`);
+            setTaskModelOptions(taskModelOptionsFromStatus(await response.json()));
+        }
+        catch {
+            setTaskModelOptions([]);
+        }
+    }
+    const outletCount = webLinks.length + deviceApps.length;
+    const onboardingTaskBusy = Boolean(onboardingTask && isTaskBusy(onboardingTask));
+    const initialModeBusy = onboardingSubmitting || onboardingTaskBusy;
+    const elapsedNow = useElapsedNow(initialModeBusy);
+    const onboardingStartedAtValue = initialModeStartedAt ?? onboardingTask?.startedAt ?? onboardingTask?.createdAt ?? null;
+    const initialModeElapsed = onboardingStartedAtValue ? formatElapsedMs(Math.max(0, elapsedNow - new Date(onboardingStartedAtValue).getTime())) : '';
+    async function loadStatus() {
+        setStatusLoading(true);
+        try {
+            const response = await authFetch(`${base}/api/status`);
+            if (!response.ok)
+                throw new Error(`Status failed: ${response.status}`);
+            setStatus(await response.json());
+        }
+        catch {
+            // Transient status-fetch failure. The /api/platform-status poll is the single source of the
+            // availability banner, so don't flip the whole UI to "down" because one snapshot fetch blipped.
+        }
+        finally {
+            setStatusLoading(false);
+        }
+    }
+    async function loadAppInfo() {
+        try {
+            const response = await authFetch(`${base}/api/app-info`);
+            if (!response.ok)
+                throw new Error(`App info failed: ${response.status}`);
+            setAppInfo(await response.json());
+        }
+        catch {
+            // Transient app-info fetch failure; the /api/platform-status poll owns the availability banner.
+        }
+    }
+    async function loadBrandGraphics() {
+        try {
+            const response = await authFetch(`${base}/api/brand-graphics`);
+            if (!response.ok)
+                throw new Error(`Brand graphics failed: ${response.status}`);
+            const document = await response.json();
+            setBrandGraphics(document.graphics);
+        }
+        catch {
+            setBrandGraphics([]);
+        }
+    }
+    async function loadWebLinks() {
+        try {
+            const response = await authFetch(`${base}/api/web-links`);
+            if (!response.ok)
+                throw new Error(`Web links failed: ${response.status}`);
+            const links = await response.json();
+            setWebLinks(links);
+            return links;
+        }
+        catch {
+            setWebLinks([]);
+            return [];
+        }
+    }
+    async function loadDeviceApps() {
+        try {
+            const response = await authFetch(`${base}/api/device-apps`);
+            if (!response.ok)
+                throw new Error(`Device apps failed: ${response.status}`);
+            const apps = await response.json();
+            setDeviceApps(apps);
+            return apps;
+        }
+        catch {
+            setDeviceApps([]);
+            return [];
+        }
+    }
+    async function loadRepoInfo() {
+        try {
+            const response = await authFetch(`${base}/api/repo-info`);
+            if (!response.ok)
+                throw new Error(`Repo info failed: ${response.status}`);
+            setRepoInfo(await response.json());
+        }
+        catch {
+            setRepoInfo(null);
+        }
+    }
+    async function loadControlPanelRepoInfo() {
+        try {
+            const response = await authFetch(`${base}/api/control-panel-repo-info`);
+            if (!response.ok)
+                throw new Error(`Control panel repo info failed: `);
+            setControlPanelRepoInfo(await response.json());
+        }
+        catch {
+            setControlPanelRepoInfo(null);
+        }
+    }
+    async function saveControlPanelRepoWorkflow(patch) {
+        if (controlPanelRepoSaving)
+            return false;
+        setControlPanelRepoSaving(true);
+        setControlPanelRepoError(null);
+        try {
+            const response = await authFetch(`${base}/api/control-panel-repo-workflow`, {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    workingBranch: patch.workingBranch,
+                    workflowMode: patch.mode,
+                    taskCompletionBehavior: patch.taskCompletionBehavior,
+                }),
+            });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Control panel repo workflow update failed.');
+            setControlPanelRepoInfo(await response.json());
+            return true;
+        }
+        catch (error) {
+            setControlPanelRepoError(error instanceof Error ? error.message : 'Control panel repo workflow update failed.');
+            return false;
+        }
+        finally {
+            setControlPanelRepoSaving(false);
+        }
+    }
+    function openControlPanelRepoInlineSelection(field) {
+        if (!controlPanelRepoInfo)
+            return;
+        setControlPanelRepoInlineSelection({
+            field,
+            draft: field === 'workflow' ? controlPanelRepoInfo.workflow.mode : controlPanelRepoInfo.taskCompletionBehavior || 'complete-if-possible',
+            error: null,
+        });
+    }
+    function updateControlPanelRepoInlineSelection(field, draft) {
+        setControlPanelRepoInlineSelection({ field, draft, error: null });
+    }
+    async function saveControlPanelRepoInlineSelection(field) {
+        if (controlPanelRepoSaving || !controlPanelRepoInlineSelection || controlPanelRepoInlineSelection.field !== field)
+            return;
+        const draft = controlPanelRepoInlineSelection.draft;
+        const saved = await saveControlPanelRepoWorkflow(field === 'workflow' ? { mode: draft } : { taskCompletionBehavior: draft });
+        if (saved)
+            setControlPanelRepoInlineSelection(null);
+    }
+    async function loadExternalDeployments() {
+        if (!attachedRepositoryEnabled)
+            return;
+        setExternalDeploymentsLoading(true);
+        try {
+            const response = await authFetch(`${base}/api/external-deployments`);
+            if (!response.ok)
+                throw new Error(`External deployments failed: ${response.status}`);
+            setExternalDeployments(await response.json());
+        }
+        catch {
+            setExternalDeployments({ schemaVersion: 1, deployments: [] });
+        }
+        finally {
+            setExternalDeploymentsLoading(false);
+        }
+    }
+    async function loadApiClients() {
+        setApiClientsLoading(true);
+        setApiClientsError(null);
+        try {
+            const response = await authFetch(`${base}/api/api-clients`);
+            if (!response.ok)
+                throw new Error(response.status === 403 ? 'Devops access is required to manage API clients.' : `API clients failed: ${response.status}`);
+            const document = await response.json();
+            setApiClients(document.clients);
+        }
+        catch (error) {
+            setApiClientsError(error instanceof Error ? error.message : 'API clients could not be loaded.');
+        }
+        finally {
+            setApiClientsLoading(false);
+        }
+    }
+    function openApiClientDialog() {
+        setApiClientDraft({
+            name: '',
+            accessLevels: ['query'],
+            operations: ['start_task', 'read_task', 'terminate_own_task'],
+            callbackAllowlist: '',
+        });
+        setCreatedApiToken(null);
+        setApiClientDialogOpen(true);
+    }
+    async function submitApiClient(event) {
+        event.preventDefault();
+        if (!apiClientDraft.name.trim() || apiClientSubmitting)
+            return;
+        setApiClientSubmitting(true);
+        try {
+            const response = await authFetch(`${base}/api/api-clients`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    name: apiClientDraft.name,
+                    accessLevels: apiClientDraft.accessLevels,
+                    operations: apiClientDraft.operations,
+                    callbackAllowlist: apiClientDraft.callbackAllowlist
+                        .split(/\r?\n|,/)
+                        .map((item) => item.trim())
+                        .filter(Boolean),
+                }),
+            });
+            if (response.ok) {
+                const created = await response.json();
+                setApiClients((current) => [created.client, ...current]);
+                setCreatedApiToken(created.token);
+            }
+            else {
+                setApiClientsError(`API client was not created: ${response.status}`);
+            }
+        }
+        finally {
+            setApiClientSubmitting(false);
+        }
+    }
+    async function revokeApiClient(client) {
+        const response = await authFetch(`${base}/api/api-clients/${client.id}/revoke`, { method: 'POST' });
+        if (response.ok) {
+            const updated = await response.json();
+            setApiClients((current) => current.map((item) => item.id === updated.id ? updated : item));
+        }
+    }
+    function toggleApiClientDraftValue(field, value) {
+        setApiClientDraft((draft) => {
+            const selected = draft[field].includes(value)
+                ? draft[field].filter((item) => item !== value)
+                : [...draft[field], value];
+            return { ...draft, [field]: selected.length > 0 ? selected : [value] };
+        });
+    }
+    async function syncRepoNow(repository) {
+        if (repoFetching)
+            return;
+        setRepoFetching(true);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}/sync`, { method: 'POST' });
+            if (response.ok) {
+                setRepoInfo(await response.json());
+            }
+            else {
+                await loadRepoInfo();
+            }
+        }
+        finally {
+            setRepoFetching(false);
+        }
+    }
+    async function prepareRepositoryAccess() {
+        if (!repoAttachUrl.trim() || repoPreparingAccess)
+            return;
+        setRepoAttachError('');
+        setRepoAccessKey('');
+        setRepoPreparingAccess(true);
+        try {
+            const response = await authFetch(`${base}/api/repositories/access-key`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ repositoryUrl: repoAttachUrl.trim(), id: repoAttachId.trim() || null }),
+            });
+            if (!response.ok)
+                throw new Error(await response.text());
+            const result = await response.json();
+            setRepoAttachId(result.id);
+            setRepoAttachUrl(result.repositoryUrl);
+            setRepoAccessKey(result.publicKey);
+        }
+        catch (error) {
+            setRepoAttachError(error instanceof Error ? error.message : 'Repository access key preparation failed.');
+        }
+        finally {
+            setRepoPreparingAccess(false);
+        }
+    }
+    async function attachRepository() {
+        if (!repoAttachUrl.trim() || repoAttaching)
+            return;
+        setRepoAttachError('');
+        setRepoAttaching(true);
+        try {
+            const response = await authFetch(`${base}/api/repositories`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    repositoryUrl: repoAttachUrl.trim(),
+                    id: repoAttachId.trim() || null,
+                    label: repoAttachLabel.trim() || null,
+                    workingBranch: repoWorkingBranch.trim() || 'main',
+                    workflowMode: repoWorkflowMode,
+                }),
+            });
+            if (!response.ok)
+                throw new Error(await response.text());
+            setRepoInfo(await response.json());
+            setRepoAttachOpen(false);
+            setRepoAttachUrl('');
+            setRepoAttachId('');
+            setRepoAttachLabel('');
+            setRepoAccessKey('');
+            setRepoWorkingBranch('main');
+            setRepoWorkflowMode('code-merge-request');
+        }
+        catch (error) {
+            setRepoAttachError(error instanceof Error ? error.message : 'Repository attachment failed.');
+        }
+        finally {
+            setRepoAttaching(false);
+        }
+    }
+    function updateRepoWorkflowDialog(patch) {
+        setRepoWorkflowDialog((current) => current
+            ? {
+                ...current,
+                draft: {
+                    ...current.draft,
+                    ...patch,
+                },
+                error: null,
+            }
+            : current);
+    }
+    function openRepoInlineSelection(repository, field) {
+        setRepoInlineSelection({
+            repositoryId: repository.id,
+            field,
+            draft: field === 'branch' ? repository.workflow.workingBranch : repository.workflow.mode,
+            error: null,
+        });
+    }
+    function updateRepoInlineSelection(repository, field, draft) {
+        setRepoInlineSelection({
+            repositoryId: repository.id,
+            field,
+            draft,
+            error: null,
+        });
+    }
+    function repoWorkspaceTaskCompletionDraft(repository) {
+        return repoWorkspaceEdits[repository.id] || repository.taskCompletionBehavior || 'complete-if-possible';
+    }
+    function updateRepoWorkspaceTaskCompletionDraft(repository, taskCompletionBehavior) {
+        setRepoWorkspaceEdits((current) => ({
+            ...current,
+            [repository.id]: taskCompletionBehavior,
+        }));
+    }
+    async function saveRepoWorkflow(event) {
+        event.preventDefault();
+        if (repoSavingWorkflow || !repoWorkflowDialog)
+            return;
+        const { repository, draft } = repoWorkflowDialog;
+        setRepoSavingWorkflow(true);
+        setRepoWorkflowDialog((current) => current ? { ...current, error: null } : current);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}/workflow`, {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    workingBranch: draft.workingBranch,
+                    workflowMode: canEditRepoWorkflow ? draft.mode : undefined,
+                }),
+            });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Repository workflow update failed.');
+            setRepoInfo(await response.json());
+            setRepoWorkflowDialog(null);
+        }
+        catch (error) {
+            setRepoWorkflowDialog((current) => current
+                ? {
+                    ...current,
+                    error: error instanceof Error ? error.message : 'Repository workflow update failed.',
+                }
+                : current);
+        }
+        finally {
+            setRepoSavingWorkflow(false);
+        }
+    }
+    async function saveRepoInlineSelection(repository, field) {
+        if (repoSavingWorkflow || !repoInlineSelection || repoInlineSelection.repositoryId !== repository.id || repoInlineSelection.field !== field)
+            return;
+        const draft = repoInlineSelection.draft.trim();
+        if (!draft)
+            return;
+        setRepoSavingWorkflow(true);
+        setRepoInlineSelection((current) => current ? { ...current, error: null } : current);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}/workflow`, {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    workingBranch: field === 'branch' ? draft : repository.workflow.workingBranch,
+                    workflowMode: canEditRepoWorkflow && field === 'workflow' ? draft : undefined,
+                }),
+            });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Repository workflow update failed.');
+            setRepoInfo(await response.json());
+            setRepoInlineSelection(null);
+        }
+        catch (error) {
+            setRepoInlineSelection((current) => current
+                ? {
+                    ...current,
+                    error: error instanceof Error ? error.message : 'Repository workflow update failed.',
+                }
+                : current);
+        }
+        finally {
+            setRepoSavingWorkflow(false);
+        }
+    }
+    async function saveRepoWorkspaceTaskCompletion(repository) {
+        if (repoSavingWorkspaceId)
+            return;
+        const taskCompletionBehavior = repoWorkspaceTaskCompletionDraft(repository);
+        setRepoSavingWorkspaceId(repository.id);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}/workspace`, {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ taskCompletionBehavior }),
+            });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Repository workspace update failed.');
+            setRepoInfo(await response.json());
+            setRepoWorkspaceEdits((current) => {
+                const next = { ...current };
+                delete next[repository.id];
+                return next;
+            });
+        }
+        finally {
+            setRepoSavingWorkspaceId(null);
+        }
+    }
+    function openRepoResetDialog(repository) {
+        setRepoResetDialog({
+            repository,
+            error: null,
+        });
+    }
+    async function resetRepoBranch(event) {
+        event.preventDefault();
+        if (repoResetting || !repoResetDialog)
+            return;
+        const { repository } = repoResetDialog;
+        setRepoResetting(true);
+        setRepoResetDialog((current) => current ? { ...current, error: null } : current);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}/reset-branch`, { method: 'POST' });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Repository branch reset failed.');
+            setRepoInfo(await response.json());
+            setRepoResetDialog(null);
+        }
+        catch (error) {
+            setRepoResetDialog((current) => current
+                ? {
+                    ...current,
+                    error: error instanceof Error ? error.message : 'Repository branch reset failed.',
+                }
+                : current);
+        }
+        finally {
+            setRepoResetting(false);
+        }
+    }
+    function openRepoDeleteLocalBranchDialog(repository) {
+        setRepoDeleteLocalBranchDialog({
+            repository,
+            error: null,
+        });
+    }
+    async function deleteRepoLocalBranch(event) {
+        event.preventDefault();
+        if (repoDeletingLocalBranch || !repoDeleteLocalBranchDialog)
+            return;
+        const { repository } = repoDeleteLocalBranchDialog;
+        setRepoDeletingLocalBranch(true);
+        setRepoDeleteLocalBranchDialog((current) => current ? { ...current, error: null } : current);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}/delete-local-branch`, { method: 'POST' });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Local branch deletion failed.');
+            setRepoInfo(await response.json());
+            setRepoDeleteLocalBranchDialog(null);
+        }
+        catch (error) {
+            setRepoDeleteLocalBranchDialog((current) => current
+                ? {
+                    ...current,
+                    error: error instanceof Error ? error.message : 'Local branch deletion failed.',
+                }
+                : current);
+        }
+        finally {
+            setRepoDeletingLocalBranch(false);
+        }
+    }
+    function openRepoDeleteDialog(repository) {
+        setRepoDeleteDialog({
+            repository,
+            error: null,
+        });
+    }
+    async function deleteRepository(event) {
+        event.preventDefault();
+        if (repoDeleting || !repoDeleteDialog)
+            return;
+        const { repository } = repoDeleteDialog;
+        setRepoDeleting(true);
+        setRepoDeleteDialog((current) => current ? { ...current, error: null } : current);
+        try {
+            const response = await authFetch(`${base}/api/repositories/${encodeURIComponent(repository.id)}`, { method: 'DELETE' });
+            if (!response.ok)
+                throw new Error(parseErrorMessage(await response.text()) || 'Repository deletion failed.');
+            setRepoInfo(await response.json());
+            setRepoDeleteDialog(null);
+        }
+        catch (error) {
+            setRepoDeleteDialog((current) => current
+                ? {
+                    ...current,
+                    error: error instanceof Error ? error.message : 'Repository deletion failed.',
+                }
+                : current);
+        }
+        finally {
+            setRepoDeleting(false);
+        }
+    }
+    async function waitForCreatedOutlets() {
+        for (let attempt = 0; attempt < 20; attempt += 1) {
+            const [links, apps] = await Promise.all([loadWebLinks(), loadDeviceApps()]);
+            if (links.length > 0 || apps.length > 0) {
+                return true;
+            }
+            await delay(1500);
+        }
+        return false;
+    }
+    const loadPlatformStatus = useCallback(async () => {
+        try {
+            const response = await authFetch(`${base}/api/platform-status`);
+            if (!response.ok)
+                throw new Error(`Platform status failed: ${response.status}`);
+            setPlatformStatus(await response.json());
+        }
+        catch {
+            setPlatformStatus({ available: false, message: 'The platform is down. Wait until it is back up.' });
+        }
+    }, []);
+    useEffect(() => {
+        loadStatus();
+        loadAppInfo();
+        loadBrandGraphics();
+        loadWebLinks();
+        loadDeviceApps();
+        if (attachedRepositoryEnabled)
+            loadRepoInfo();
+        loadPlatformStatus();
+        let platformTimer;
+        const schedulePlatform = () => {
+            platformTimer = window.setTimeout(async () => {
+                await loadPlatformStatus();
+                schedulePlatform();
+            }, 30000);
+        };
+        schedulePlatform();
+        const statusTimer = window.setInterval(loadStatus, 30000);
+        return () => {
+            window.clearInterval(statusTimer);
+            if (platformTimer !== undefined)
+                window.clearTimeout(platformTimer);
+        };
+    }, [loadPlatformStatus]);
+    useEffect(() => {
+        if (view === 'outlets') {
+            loadWebLinks();
+            loadDeviceApps();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'launcherSimulator') {
+            loadDeviceApps();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'deployments') {
+            loadExternalDeployments();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view !== 'outlets' || outletCount > 0) {
+            return;
+        }
+        let cancelled = false;
+        const timer = window.setInterval(() => {
+            if (!cancelled) {
+                loadWebLinks();
+                loadDeviceApps();
+            }
+        }, 1500);
+        return () => {
+            cancelled = true;
+            window.clearInterval(timer);
+        };
+    }, [view, outletCount]);
+    useEffect(() => {
+        if (view === 'info') {
+            loadAppInfo();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'api') {
+            loadApiClients();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'status') {
+            loadStatus();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'controlRepo') {
+            loadControlPanelRepoInfo();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (view === 'repo') {
+            loadRepoInfo();
+        }
+    }, [view]);
+    useEffect(() => {
+        if (initialMode === 'none' || !appInfo || !accessReady) {
+            return;
+        }
+        if (initialModeAttemptedRef.current || !taskCreatePermission) {
+            return;
+        }
+        const prompt = initialMode === 'create-app'
+            ? initialCreationPrompt(config)
+            : initialMode === 'discuss'
+                ? discussIdeaPrompt(appInfo, config)
+                : initialMode === 'customize'
+                    ? customizeImportedRepoPrompt(appInfo, config)
+                    : null;
+        if (!prompt) {
+            return;
+        }
+        initialModeAttemptedRef.current = true;
+        void (async () => {
+            setOnboardingSubmitting(true);
+            try {
+                const snapshot = await taskDataSource.loadTasks();
+                const existing = [...snapshot.state].sort((left, right) => new Date(right.createdAt).getTime() - new Date(left.createdAt).getTime())[0];
+                if (existing) {
+                    consumeInitialModeQuery();
+                    setInitialModeTaskId(existing.id);
+                    setOnboardingTask(existing);
+                    return;
+                }
+                setInitialModeStartedAt(new Date().toISOString());
+                const created = await taskDataSource.createTask({ message: prompt, attachments: [] });
+                if (created) {
+                    consumeInitialModeQuery();
+                    setInitialModeTaskId(created.id);
+                    setOnboardingTask(created);
+                }
+                else {
+                    initialModeAttemptedRef.current = false;
+                }
+            }
+            catch {
+                initialModeAttemptedRef.current = false;
+            }
+            finally {
+                setOnboardingSubmitting(false);
+            }
+        })();
+    }, [accessReady, appInfo, config, taskCreatePermission, taskDataSource]);
+    useEffect(() => {
+        if (!initialModeTaskId) {
+            return;
+        }
+        if (onboardingTask && !onboardingTaskBusy) {
+            return;
+        }
+        let cancelled = false;
+        const poll = async () => {
+            try {
+                const snapshot = await taskDataSource.loadTask(initialModeTaskId);
+                if (!cancelled)
+                    setOnboardingTask(snapshot.state);
+            }
+            catch {
+                // Polling failures are non-fatal; the next tick retries.
+            }
+        };
+        const timer = window.setInterval(() => void poll(), 1500);
+        return () => {
+            cancelled = true;
+            window.clearInterval(timer);
+        };
+    }, [initialModeTaskId, onboardingTask, onboardingTaskBusy, taskDataSource]);
+    useEffect(() => {
+        if (initialMode !== 'create-app' || onboardingTask?.status !== 'completed') {
+            return;
+        }
+        void loadWebLinks();
+        void loadDeviceApps();
+    }, [onboardingTask?.status]);
+    useEffect(() => {
+        if (initialMode !== 'create-app' || onboardingTask?.status !== 'completed' || initialModeOutcomeHandledRef.current) {
+            return;
+        }
+        initialModeOutcomeHandledRef.current = true;
+        void (async () => {
+            if (webLinks.length > 0 || deviceApps.length > 0 || await waitForCreatedOutlets()) {
+                window.location.replace(controlViewUrl('outlets'));
+                return;
+            }
+            window.location.replace(controlHomeUrl());
+        })();
+    }, [onboardingTask?.status]);
+    function uploadTaskAttachment(file, onProgress) {
+        return new Promise((resolve, reject) => {
+            const request = new XMLHttpRequest();
+            const form = new FormData();
+            form.append('file', file);
+            request.open('POST', `${base}/api/task-attachments`);
+            const token = localStorage.getItem(authTokenKey);
+            if (token)
+                request.setRequestHeader('authorization', `Bearer ${token}`);
+            request.upload.onprogress = (event) => {
+                if (event.lengthComputable)
+                    onProgress((event.loaded / event.total) * 100);
+            };
+            request.onload = () => {
+                if (request.status >= 200 && request.status < 300) {
+                    resolve(JSON.parse(request.responseText));
+                    return;
+                }
+                reject(new Error(parseErrorMessage(request.responseText) ?? `Upload failed: ${request.status}`));
+            };
+            request.onerror = () => reject(new Error('Upload failed.'));
+            request.send(form);
+        });
+    }
+    function openAppInfoDialog(target) {
+        if (!canEditAppSettings)
+            return;
+        setAppInfoEditTarget(target);
+        setAppInfoDraft({
+            title: appInfo?.title || applicationTitle,
+            description: appInfo?.description || '',
+            outlets: appInfo?.outlets || defaultOutletSettings,
+            telegramBot: {
+                liveToken: appInfo?.telegramBot?.liveToken || '',
+                testToken: appInfo?.telegramBot?.testToken || '',
+            },
+        });
+        setAppInfoDialogOpen(true);
+    }
+    async function submitAppInfo(event) {
+        event.preventDefault();
+        if (!canEditAppSettings || !appInfoDraft.title.trim() || appInfoSubmitting)
+            return;
+        setAppInfoSubmitting(true);
+        try {
+            const response = await authFetch(`${base}/api/app-info`, {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    title: appInfoDraft.title,
+                    description: appInfoDraft.description,
+                    outlets: appInfoDraft.outlets,
+                    telegramBot: appInfoDraft.telegramBot,
+                }),
+            });
+            if (response.ok) {
+                setAppInfo(await response.json());
+                setAppInfoDialogOpen(false);
+            }
+        }
+        finally {
+            setAppInfoSubmitting(false);
+        }
+    }
+    function openBrandGraphicDialog(mode, target) {
+        if (!canEditAppSettings)
+            return;
+        setBrandGraphicDraft({
+            role: target?.role || 'general',
+            label: target?.label || '',
+            dataUrl: '',
+            fileName: '',
+            width: target?.width ?? 0,
+            height: target?.height ?? 0,
+        });
+        setBrandGraphicDialog({ mode, target });
+    }
+    async function selectBrandGraphicFile(file) {
+        if (!file)
+            return;
+        const dataUrl = await fileToDataUrl(file);
+        const size = await imageSize(dataUrl).catch(() => ({ width: 0, height: 0 }));
+        setBrandGraphicDraft((draft) => ({
+            ...draft,
+            dataUrl,
+            fileName: file.name,
+            width: size.width,
+            height: size.height,
+        }));
+    }
+    async function submitBrandGraphic(event) {
+        event.preventDefault();
+        if (!canEditAppSettings || !brandGraphicDialog || !brandGraphicDraft.dataUrl || brandGraphicSubmitting)
+            return;
+        setBrandGraphicSubmitting(true);
+        try {
+            const response = await authFetch(`${base}/api/brand-graphics${brandGraphicDialog.mode === 'replace' ? `/${brandGraphicDialog.target?.id}` : ''}`, {
+                method: brandGraphicDialog.mode === 'replace' ? 'PUT' : 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    role: brandGraphicDraft.role,
+                    label: brandGraphicDraft.label,
+                    dataUrl: brandGraphicDraft.dataUrl,
+                    width: brandGraphicDraft.width || null,
+                    height: brandGraphicDraft.height || null,
+                    source: 'uploaded',
+                }),
+            });
+            if (response.ok) {
+                const document = await response.json();
+                setBrandGraphics(document.graphics);
+                setBrandGraphicDialog(null);
+            }
+        }
+        finally {
+            setBrandGraphicSubmitting(false);
+        }
+    }
+    async function deleteBrandGraphic(graphic) {
+        if (!canEditAppSettings)
+            return;
+        const response = await authFetch(`${base}/api/brand-graphics/${graphic.id}`, { method: 'DELETE' });
+        if (response.ok) {
+            const document = await response.json();
+            setBrandGraphics(document.graphics);
+        }
+    }
+    async function createBrandGraphicTask(event) {
+        event.preventDefault();
+        if (!canEditAppSettings)
+            return;
+        const response = await authFetch(`${base}/api/brand-graphics/generate-task`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(generateGraphicDraft),
+        });
+        if (response.ok) {
+            openView('tasks');
+            setGenerateGraphicDialogOpen(false);
+        }
+    }
+    async function copyOutletLink(key, value) {
+        await navigator.clipboard.writeText(value);
+        setCopiedDeviceApp(key);
+        window.setTimeout(() => setCopiedDeviceApp((current) => current === key ? null : current), 1800);
+    }
+    function openView(nextView) {
+        if (nextView !== view) {
+            window.history.pushState(null, '', pathForView(nextView, base, customViews));
+        }
+        setView(nextView);
+        setMobileNavOpen(false);
+    }
+    function openLauncherSimulator(deviceApp) {
+        const nextTarget = deviceApp
+            ? {
+                deviceAppHandle: deviceApp.handle,
+                releaseVersion: deviceApp.latestRelease.version,
+            }
+            : launcherSimulatorTarget
+                ?? (deviceApps[0] ? { deviceAppHandle: deviceApps[0].handle, releaseVersion: deviceApps[0].latestRelease.version } : null);
+        if (nextTarget) {
+            setLauncherSimulatorTarget(nextTarget);
+        }
+        if (view !== 'launcherSimulator' || nextTarget) {
+            window.history.pushState(null, '', launcherSimulatorPath(base, customViews, nextTarget));
+        }
+        setView('launcherSimulator');
+        setMobileNavOpen(false);
+    }
+    function updateLauncherSimulatorTarget(target) {
+        setLauncherSimulatorTarget(target);
+        if (view === 'launcherSimulator') {
+            window.history.replaceState(null, '', launcherSimulatorPath(base, customViews, target));
+        }
+    }
+    useEffect(() => {
+        const syncViewFromPath = () => {
+            const next = viewFromPath(base, customViews);
+            if (next === 'launcherSimulator') {
+                setLauncherSimulatorTarget(parseLauncherSimulatorTarget(new URLSearchParams(window.location.search)));
+            }
+            setView(next && !disabledViewSet.has(next)
+                ? next
+                : firstEnabledView(attachedRepositoryEnabled, customViews, disabledViewSet));
+            setMobileNavOpen(false);
+        };
+        window.addEventListener('popstate', syncViewFromPath);
+        return () => window.removeEventListener('popstate', syncViewFromPath);
+    }, [base, customViews, disabledViewSet, attachedRepositoryEnabled]);
+    const allCustomViews = flattenCustomViews(customViews);
+    const customView = allCustomViews.find((item) => item.id === view && !item.hidden) ?? null;
+    const customViewContext = {
+        base,
+        authFetch,
+        openMenu: () => setMobileNavOpen(true),
+        openView,
+        platformStatus,
+        setPlatformStatus,
+    };
+    const customNavigationItem = (item) => {
+        const childViews = (item.children ?? []).filter((child) => !child.hidden);
+        const childViewIds = flattenCustomViews(childViews).map((child) => child.id);
+        return {
+            id: item.id,
+            label: item.label,
+            icon: item.icon ?? _jsx(ClipboardList, { "aria-hidden": "true" }),
+            active: view === item.id,
+            childActive: childViewIds.includes(view),
+            onSelect: () => openView(item.id),
+            children: childViews.map((child) => customNavigationItem(child)),
+        };
+    };
+    if (!accessReady) {
+        return _jsx(LoadingState, { label: "Loading access" });
+    }
+    if (accessRequired && accessDenied) {
+        return _jsx(HostAccessRedirect, {});
+    }
+    const navigationItems = [
+        { id: 'tasks', label: 'Agent Tasks', icon: _jsx(BriefcaseBusiness, { "aria-hidden": "true" }), active: view === 'tasks', onSelect: () => openView('tasks') },
+        { id: 'info', label: 'App Info', icon: _jsx(Info, { "aria-hidden": "true" }), active: view === 'info', onSelect: () => openView('info') },
+        { id: 'outlets', label: 'Outlets', icon: _jsx(AppWindow, { "aria-hidden": "true" }), active: view === 'outlets', onSelect: () => openView('outlets') },
+        ...(deviceApps.length > 0 ? [
+            { id: 'launcherSimulator', label: 'Exo Launcher Simulator', icon: _jsx(Smartphone, { "aria-hidden": "true" }), active: view === 'launcherSimulator', onSelect: () => openLauncherSimulator() },
+        ] : []),
+        ...customViews.filter((item) => !item.hidden).map((item) => customNavigationItem(item)),
+        { id: 'api', label: 'API Access', icon: _jsx(KeyRound, { "aria-hidden": "true" }), active: view === 'api', onSelect: () => openView('api') },
+        { id: 'controlRepo', label: 'Control Panel Repo', icon: _jsx(GitBranch, { "aria-hidden": "true" }), active: view === 'controlRepo', onSelect: () => openView('controlRepo') },
+        ...(attachedRepositoryEnabled ? [
+            { id: 'repo', label: 'Attached Repositories', icon: _jsx(GitBranch, { "aria-hidden": "true" }), active: view === 'repo', onSelect: () => openView('repo') },
+            { id: 'deployments', label: 'External Deployments', icon: _jsx(TerminalSquare, { "aria-hidden": "true" }), active: view === 'deployments', onSelect: () => openView('deployments') },
+        ] : []),
+        { id: 'status', label: 'Status', icon: _jsx(Activity, { "aria-hidden": "true" }), active: view === 'status', onSelect: () => openView('status') },
+    ].filter((item) => !disabledViewSet.has(item.id));
+    const onboardingBanner = initialMode !== 'none' && initialModeBusy ? (_jsxs("div", { className: "ai-creating-banner", role: "status", children: [initialMode === 'discuss' ? 'The AI is reviewing your idea' : 'The AI is creating your application', initialModeElapsed ? `, ${initialModeElapsed}` : '', "."] })) : null;
+    return (_jsxs(_Fragment, { children: [_jsxs(ControlPanelShell, { brandTitle: displayTitle, brandLogoSrc: appIconHref, mobileNavOpen: mobileNavOpen, onMobileNavOpenChange: setMobileNavOpen, onLogout: onLogout, navigation: (_jsxs(_Fragment, { children: [_jsx(ControlPanelNavigation, { items: navigationItems, onMobileNavOpenChange: setMobileNavOpen }), !hidePlatformLink && (_jsxs("div", { className: "nav-links", "aria-label": "Platform links", children: [_jsx("p", { children: "Platform" }), _jsxs("a", { href: hostControlPanelUrl(), target: "_blank", rel: "noreferrer", children: [_jsx(Server, { "aria-hidden": "true" }), _jsx("span", { children: "Host control panel" }), _jsx(ExternalLink, { className: "trailing-icon", "aria-hidden": "true" })] })] }))] })), taskDetailState: taskWorkspaceDetailState, platformBanner: !platformStatus.available && (_jsx("div", { className: "platform-banner", role: "status", children: platformStatus.message })), children: [_jsx(TaskWorkspace, { dataSource: taskDataSource, platformStatus: platformStatus, onPlatformStatusChange: setPlatformStatus, onOpenMenu: () => setMobileNavOpen(true), onTaskDetailStateChange: setTaskWorkspaceDetailState, listVisible: view === 'tasks', currentUserId: currentUserId, modelOptions: canSelectTaskModel ? taskModelOptions : [], initialTaskId: initialModeTaskId, banner: onboardingBanner }), view === 'outlets' && (_jsxs("section", { children: [_jsx("div", { className: "page-heading", children: _jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }) }), _jsx("p", { className: "section-intro", children: "Published web routes and device install targets for this application." }), outletCount === 0 ? (_jsxs("div", { className: "empty-panel", children: [_jsx(AppWindow, { "aria-hidden": "true" }), _jsx("h2", { children: "No outlets yet" }), _jsx("p", { children: "When an agent publishes a web route or prepares a device bundle, it will add an outlet card here." })] })) : (_jsxs("div", { className: "outlet-grid", children: [webLinks.map((webApp) => (_jsxs("article", { className: "outlet-card clickable", children: [_jsx("a", { className: "outlet-card-hit-area", href: webApp.href, target: "_blank", rel: "noreferrer", "aria-label": `Open ${webApp.title}` }), _jsxs("div", { className: "outlet-card-main", children: [_jsxs("div", { className: "outlet-detail", children: [_jsxs("div", { className: "outlet-title", children: [_jsx(AppWindow, { "aria-hidden": "true" }), _jsxs("div", { children: [_jsx("h2", { children: webApp.title }), _jsx("div", { className: "outlet-breadcrumbs", "aria-label": `${webApp.title} typology`, children: (webApp.typology?.length ? webApp.typology : [labelToken(webApp.kind), labelToken(webApp.environment), labelToken(webApp.hosting)]).map((item) => (_jsx("span", { children: item }, item))) }), webApp.description && _jsx("p", { children: webApp.description })] })] }), _jsxs("div", { className: "install-link-row", children: [_jsx("span", { className: "install-link-text", children: webApp.href }), _jsx("button", { className: "icon-button", type: "button", onClick: (event) => {
+                                                                            event.stopPropagation();
+                                                                            copyOutletLink(webApp.href, webApp.href);
+                                                                        }, "aria-label": copiedDeviceApp === webApp.href ? 'Web link copied' : 'Copy web link', title: copiedDeviceApp === webApp.href ? 'Copied' : 'Copy web link', children: _jsx(Copy, { "aria-hidden": "true" }) })] })] }), _jsx("div", { className: "outlet-qr", children: _jsx("img", { src: `https://api.qrserver.com/v1/create-qr-code/?size=220x220&data=${encodeURIComponent(webApp.href)}`, alt: `QR code for ${webApp.title}`, loading: "lazy" }) })] })] }, webApp.href))), deviceApps.map((deviceApp) => (_jsxs("article", { className: "outlet-card clickable", children: [_jsx("a", { className: "outlet-card-hit-area", href: deviceApp.installUrl, target: "_blank", rel: "noreferrer", "aria-label": `Open ${deviceApp.name}` }), _jsxs("div", { className: "outlet-card-main", children: [_jsxs("div", { className: "outlet-detail", children: [_jsxs("div", { className: "outlet-title", children: [_jsx(Smartphone, { "aria-hidden": "true" }), _jsxs("div", { children: [_jsx("h2", { children: deviceApp.name }), _jsxs("div", { className: "outlet-breadcrumbs", "aria-label": `${deviceApp.name} typology`, children: [_jsx("span", { children: "Device launcher bundle" }), _jsx("span", { children: launcherHostSummary(deviceApp.latestRelease.hostSupport || deviceApp.hostSupport) }), _jsx("span", { children: deviceApp.latestRelease.version })] })] })] }), _jsxs("div", { className: "install-link-row", children: [_jsx("span", { className: "install-link-text", children: deviceApp.installUrl }), _jsx("button", { className: "icon-button", type: "button", onClick: (event) => {
+                                                                            event.stopPropagation();
+                                                                            copyOutletLink(deviceApp.handle, deviceApp.installUrl);
+                                                                        }, "aria-label": copiedDeviceApp === deviceApp.handle ? 'Install link copied' : 'Copy install link', title: copiedDeviceApp === deviceApp.handle ? 'Copied' : 'Copy install link', children: _jsx(Copy, { "aria-hidden": "true" }) })] }), _jsx("div", { className: "outlet-actions", children: _jsxs("button", { className: "secondary-button", type: "button", onClick: (event) => {
+                                                                        event.stopPropagation();
+                                                                        event.preventDefault();
+                                                                        openLauncherSimulator(deviceApp);
+                                                                    }, children: [_jsx(Smartphone, { "aria-hidden": "true" }), _jsx("span", { children: "Simulate" })] }) })] }), _jsx("div", { className: "outlet-qr", children: _jsx("img", { src: `https://api.qrserver.com/v1/create-qr-code/?size=220x220&data=${encodeURIComponent(deviceApp.installUrl)}`, alt: `QR code for ${deviceApp.name} install link`, loading: "lazy" }) })] })] }, deviceApp.handle)))] }))] })), view === 'launcherSimulator' && (_jsx(ExoLauncherSimulator, { base: base, deviceApps: deviceApps, target: launcherSimulatorTarget, onTargetChange: updateLauncherSimulatorTarget, onOpenMenu: () => setMobileNavOpen(true) })), customView && customView.render(customViewContext), view === 'controlRepo' && (_jsxs("section", { children: [_jsxs("div", { className: "page-heading repo-heading", children: [_jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }), _jsxs("button", { className: "secondary-button", type: "button", onClick: loadControlPanelRepoInfo, children: [_jsx(RefreshCw, { "aria-hidden": "true" }), _jsx("span", { children: "Refresh" })] })] }), _jsx("p", { className: "section-intro", children: "Generated control panel source for this app workspace." }), _jsxs("section", { className: "repo-panel", children: [_jsxs("div", { className: "repo-section-title", children: [_jsx("h2", { children: "Control Panel Repo" }), controlPanelRepoInfo?.hasUncommittedChanges && _jsx("span", { className: "status-pill pending", children: "Pending changes" })] }), _jsxs("dl", { className: "repo-meta", children: [_jsxs("div", { children: [_jsx("dt", { children: "Source Folder" }), _jsx("dd", { children: "/workspace" })] }), _jsxs("div", { children: [_jsx("dt", { children: "Git Root" }), _jsx("dd", { children: controlPanelRepoInfo?.repositoryRoot || 'Not a git checkout' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Remote" }), _jsx("dd", { children: controlPanelRepoInfo?.remoteFetchUrl || 'Not configured' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Branch" }), _jsx("dd", { children: controlPanelRepoInfo?.branch || 'Detached or unavailable' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Commit" }), _jsx("dd", { title: controlPanelRepoInfo?.commit || undefined, children: shortCommit(controlPanelRepoInfo?.commit) })] })] }), controlPanelRepoInfo && (_jsxs("div", { className: "repo-control-workflow-grid", children: [_jsxs("label", { children: [_jsx("span", { children: "Target branch" }), _jsx("input", { defaultValue: controlPanelRepoInfo.workflow.workingBranch || 'main', disabled: controlPanelRepoSaving, onBlur: (event) => {
+                                                            const workingBranch = event.currentTarget.value.trim();
+                                                            if (workingBranch && workingBranch !== controlPanelRepoInfo.workflow.workingBranch) {
+                                                                void saveControlPanelRepoWorkflow({ workingBranch });
+                                                            }
+                                                        }, onKeyDown: (event) => {
+                                                            if (event.key === 'Enter')
+                                                                event.currentTarget.blur();
+                                                        } }, controlPanelRepoInfo.workflow.workingBranch || 'main')] }), _jsxs("label", { children: [_jsx("span", { children: "Workflow mode" }), _jsxs("span", { className: "repo-inline-control", children: [_jsx("span", { children: (controlPanelRepoInfo.availableWorkflowModes.length > 0
+                                                                    ? controlPanelRepoInfo.availableWorkflowModes
+                                                                    : repositoryWorkflowModes).find((mode) => mode.value === controlPanelRepoInfo.workflow.mode)?.label || controlPanelRepoInfo.workflow.mode }), _jsxs("details", { className: "repo-inline-menu", open: controlPanelRepoInlineSelection?.field === 'workflow', onToggle: (event) => {
+                                                                    if (event.currentTarget.open) {
+                                                                        openControlPanelRepoInlineSelection('workflow');
+                                                                    }
+                                                                    else if (controlPanelRepoInlineSelection?.field === 'workflow') {
+                                                                        setControlPanelRepoInlineSelection(null);
+                                                                    }
+                                                                }, children: [_jsx("summary", { className: "icon-button", "aria-label": "Change workflow mode", title: "Change workflow mode", "aria-disabled": controlPanelRepoSaving, children: _jsx(ChevronDown, { "aria-hidden": "true" }) }), _jsxs("div", { className: "repo-inline-menu-panel", children: [_jsx("select", { value: controlPanelRepoInlineSelection?.field === 'workflow' ? controlPanelRepoInlineSelection.draft : controlPanelRepoInfo.workflow.mode, disabled: controlPanelRepoSaving, onChange: (event) => updateControlPanelRepoInlineSelection('workflow', event.target.value), children: (controlPanelRepoInfo.availableWorkflowModes.length > 0
+                                                                                    ? controlPanelRepoInfo.availableWorkflowModes
+                                                                                    : repositoryWorkflowModes).map((mode) => (_jsx("option", { value: mode.value, children: mode.label }, mode.value))) }), _jsx("button", { className: "secondary-button", type: "button", onClick: () => void saveControlPanelRepoInlineSelection('workflow'), disabled: controlPanelRepoSaving, children: controlPanelRepoSaving && controlPanelRepoInlineSelection?.field === 'workflow' ? _jsx(WorkingIndicator, { label: "Saving" }) : _jsx("span", { children: "Confirm" }) })] })] })] })] }), _jsxs("label", { children: [_jsx("span", { children: "Agent completion" }), _jsxs("span", { className: "repo-inline-control", children: [_jsx("span", { children: repositoryTaskCompletionBehaviors.find((item) => item.value === controlPanelRepoInfo.taskCompletionBehavior)?.label || 'Complete Git Workflow if possible' }), _jsxs("details", { className: "repo-inline-menu", open: controlPanelRepoInlineSelection?.field === 'completion', onToggle: (event) => {
+                                                                    if (event.currentTarget.open) {
+                                                                        openControlPanelRepoInlineSelection('completion');
+                                                                    }
+                                                                    else if (controlPanelRepoInlineSelection?.field === 'completion') {
+                                                                        setControlPanelRepoInlineSelection(null);
+                                                                    }
+                                                                }, children: [_jsx("summary", { className: "icon-button", "aria-label": "Change agent completion", title: "Change agent completion", "aria-disabled": controlPanelRepoSaving, children: _jsx(ChevronDown, { "aria-hidden": "true" }) }), _jsxs("div", { className: "repo-inline-menu-panel", children: [_jsx("select", { value: controlPanelRepoInlineSelection?.field === 'completion' ? controlPanelRepoInlineSelection.draft : controlPanelRepoInfo.taskCompletionBehavior || 'complete-if-possible', disabled: controlPanelRepoSaving, onChange: (event) => updateControlPanelRepoInlineSelection('completion', event.target.value), children: repositoryTaskCompletionBehaviors.map((item) => (_jsx("option", { value: item.value, children: item.label }, item.value))) }), _jsx("button", { className: "secondary-button", type: "button", onClick: () => void saveControlPanelRepoInlineSelection('completion'), disabled: controlPanelRepoSaving, children: controlPanelRepoSaving && controlPanelRepoInlineSelection?.field === 'completion' ? _jsx(WorkingIndicator, { label: "Saving" }) : _jsx("span", { children: "Confirm" }) })] })] })] })] }), _jsx("div", { className: "repo-control-workflow-state", "aria-live": "polite", children: controlPanelRepoSaving ? _jsx(WorkingIndicator, { label: "Saving" }) : _jsx(Save, { "aria-hidden": "true" }) })] })), controlPanelRepoError && _jsx("p", { className: "form-error", children: controlPanelRepoError }), controlPanelRepoInfo?.discoveryMessage && (_jsx("p", { className: "repo-warning", children: controlPanelRepoInfo.discoveryMessage })), controlPanelRepoInfo?.hasUncommittedChanges && (_jsxs("details", { className: "repo-dirty", open: true, children: [_jsxs("summary", { children: ["Uncommitted changes (", controlPanelRepoInfo.changeCount, ")"] }), _jsx("ul", { children: controlPanelRepoInfo.changedPaths.map((path) => _jsx("li", { children: path }, path)) })] }))] })] })), attachedRepositoryEnabled && view === 'repo' && (_jsxs("section", { children: [_jsxs("div", { className: "page-heading repo-heading", children: [_jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }), _jsx("div", { className: "repo-heading-actions", children: _jsxs("button", { className: "secondary-button", type: "button", onClick: () => setRepoAttachOpen((open) => !open), children: [_jsx(Plus, { "aria-hidden": "true" }), _jsx("span", { children: "Add Repo" })] }) })] }), repoAttachOpen && (_jsxs("section", { className: "repo-panel repo-attach-panel", children: [_jsxs("div", { className: "repo-section-title", children: [_jsx("h2", { children: "Attach Repository" }), _jsx("button", { className: "icon-button", type: "button", onClick: () => setRepoAttachOpen(false), "aria-label": "Close attach repository", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("div", { className: "repo-form-grid", children: [_jsxs("label", { children: [_jsx("span", { children: "Repository URL" }), _jsx("input", { value: repoAttachUrl, onChange: (event) => setRepoAttachUrl(event.target.value), placeholder: "git@github.com:owner/repo.git" })] }), _jsxs("label", { children: [_jsx("span", { children: "ID" }), _jsx("input", { value: repoAttachId, onChange: (event) => setRepoAttachId(event.target.value), placeholder: "auto" })] }), _jsxs("label", { children: [_jsx("span", { children: "Label" }), _jsx("input", { value: repoAttachLabel, onChange: (event) => setRepoAttachLabel(event.target.value), placeholder: "Repository name" })] }), _jsxs("label", { children: [_jsx("span", { children: "Workflow" }), _jsx("select", { value: repoWorkflowMode, onChange: (event) => setRepoWorkflowMode(event.target.value), children: repositoryWorkflowModes.map((mode) => _jsx("option", { value: mode.value, children: mode.label }, mode.value)) })] }), _jsxs("label", { children: [_jsx("span", { children: "Target branch" }), _jsx("input", { value: repoWorkingBranch, onChange: (event) => setRepoWorkingBranch(event.target.value) })] })] }), _jsxs("div", { className: "repo-form-actions", children: [_jsx("button", { className: "secondary-button", type: "button", onClick: prepareRepositoryAccess, disabled: repoPreparingAccess || !repoAttachUrl.trim(), children: repoPreparingAccess ? _jsx(WorkingIndicator, { label: "Preparing" }) : (_jsxs(_Fragment, { children: [_jsx(Copy, { "aria-hidden": "true" }), _jsx("span", { children: "Prepare Key" })] })) }), _jsx("button", { className: "secondary-button", type: "button", onClick: attachRepository, disabled: repoAttaching || !repoAttachUrl.trim(), children: repoAttaching ? _jsx(WorkingIndicator, { label: "Attaching" }) : (_jsxs(_Fragment, { children: [_jsx(GitBranch, { "aria-hidden": "true" }), _jsx("span", { children: "Attach" })] })) })] }), repoAccessKey && (_jsxs("div", { className: "repo-key-box", children: [_jsx("p", { children: "Add this deploy key with read access before attaching." }), _jsx("pre", { children: repoAccessKey })] })), repoAttachError && _jsx("p", { className: "form-error", children: repoAttachError })] })), !repoInfo?.attached ? (_jsxs("div", { className: "empty-panel", children: [_jsx(GitBranch, { "aria-hidden": "true" }), _jsx("h2", { children: "No repositories attached" }), _jsx("p", { children: "Add a repository to connect source, branch workflow, and sync status." })] })) : (_jsx("div", { className: "repo-view", children: (repoInfo.repositories.length > 0 ? repoInfo.repositories : [{
+                                        id: 'primary',
+                                        label: 'Primary',
+                                        repositoryUrl: repoInfo.repositoryUrl,
+                                        localPath: repoInfo.localPath || 'repo',
+                                        remoteFetchUrl: repoInfo.remoteFetchUrl,
+                                        branch: repoInfo.branch,
+                                        currentBranchOnRemote: false,
+                                        commit: repoInfo.commit,
+                                        shallow: repoInfo.shallow,
+                                        workflow: { workingBranch: 'main', mode: 'code-merge-request' },
+                                        taskCompletionBehavior: 'complete-if-possible',
+                                        branches: [],
+                                        submodules: repoInfo.submodules,
+                                        worktree: emptyRepositoryWorktreeStatus(),
+                                        fetchError: repoInfo.fetchError,
+                                    }]).map((repository) => {
+                                    const activeTask = repository.activeTask;
+                                    const pullRequestLocked = activeTask?.status === 'pr-pending';
+                                    return (_jsxs("section", { className: "repo-panel", children: [_jsxs("div", { className: "repo-section-title", children: [_jsx("h2", { children: repository.label }), _jsx("span", { className: "status-pill created", children: repositoryWorkflowModes.find((mode) => mode.value === repository.workflow.mode)?.label || repository.workflow.mode })] }), _jsx("div", { className: "repo-section-title", children: _jsx("h3", { children: "Repository Data" }) }), _jsxs("dl", { className: "repo-meta", children: [_jsxs("div", { children: [_jsx("dt", { children: "Remote" }), _jsx("dd", { children: repository.remoteFetchUrl || repository.repositoryUrl || 'Unknown' })] }), canEditRepoWorkflow && (_jsxs("div", { children: [_jsx("dt", { children: "Workflow Mode" }), _jsx("dd", { children: _jsxs("span", { className: "repo-inline-control", children: [_jsx("span", { children: repositoryWorkflowModes.find((mode) => mode.value === repository.workflow.mode)?.label || repository.workflow.mode }), _jsxs("details", { className: "repo-inline-menu", open: repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'workflow', onToggle: (event) => {
+                                                                                if (event.currentTarget.open) {
+                                                                                    openRepoInlineSelection(repository, 'workflow');
+                                                                                }
+                                                                                else if (repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'workflow') {
+                                                                                    setRepoInlineSelection(null);
+                                                                                }
+                                                                            }, children: [_jsx("summary", { className: "icon-button", "aria-label": "Change workflow", title: "Change workflow", "aria-disabled": pullRequestLocked, children: _jsx(ChevronDown, { "aria-hidden": "true" }) }), _jsxs("div", { className: "repo-inline-menu-panel", children: [_jsx("select", { value: repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'workflow' ? repoInlineSelection.draft : repository.workflow.mode, onChange: (event) => updateRepoInlineSelection(repository, 'workflow', event.target.value), disabled: pullRequestLocked || repoSavingWorkflow, children: repositoryWorkflowModes.map((mode) => _jsx("option", { value: mode.value, children: mode.label }, mode.value)) }), _jsx("button", { className: "secondary-button", type: "button", onClick: () => void saveRepoInlineSelection(repository, 'workflow'), disabled: repoSavingWorkflow || pullRequestLocked, children: repoSavingWorkflow && repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'workflow' ? _jsx(WorkingIndicator, { label: "Saving" }) : _jsx("span", { children: "Confirm" }) }), repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'workflow' && repoInlineSelection.error && _jsx("p", { className: "form-error", children: repoInlineSelection.error })] })] })] }) })] }))] }), _jsx("div", { className: "repo-section-title", children: _jsx("h3", { children: "Current User Workspace Data" }) }), _jsxs("dl", { className: "repo-meta", children: [_jsxs("div", { children: [_jsx("dt", { children: "Folder" }), _jsxs("dd", { children: ["/", repository.localPath] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Target Branch" }), _jsx("dd", { children: _jsxs("span", { className: "repo-inline-control", children: [_jsx("span", { children: repository.workflow.workingBranch }), _jsxs("details", { className: "repo-inline-menu", open: repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'branch', onToggle: (event) => {
+                                                                                if (event.currentTarget.open) {
+                                                                                    openRepoInlineSelection(repository, 'branch');
+                                                                                }
+                                                                                else if (repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'branch') {
+                                                                                    setRepoInlineSelection(null);
+                                                                                }
+                                                                            }, children: [_jsx("summary", { className: "icon-button", "aria-label": "Change target branch", title: "Change target branch", "aria-disabled": pullRequestLocked, children: _jsx(ChevronDown, { "aria-hidden": "true" }) }), _jsxs("div", { className: "repo-inline-menu-panel", children: [_jsx("select", { value: repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'branch' ? repoInlineSelection.draft : repository.workflow.workingBranch, onChange: (event) => updateRepoInlineSelection(repository, 'branch', event.target.value), disabled: pullRequestLocked || repoSavingWorkflow, children: repositoryBranchOptions(repository, repository.workflow.workingBranch).map((branch) => (_jsx("option", { value: branch, children: branch }, branch))) }), _jsx("button", { className: "secondary-button", type: "button", onClick: () => void saveRepoInlineSelection(repository, 'branch'), disabled: repoSavingWorkflow || pullRequestLocked, children: repoSavingWorkflow && repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'branch' ? _jsx(WorkingIndicator, { label: "Saving" }) : _jsx("span", { children: "Confirm" }) }), repoInlineSelection?.repositoryId === repository.id && repoInlineSelection.field === 'branch' && repoInlineSelection.error && _jsx("p", { className: "form-error", children: repoInlineSelection.error })] })] })] }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Working Branch" }), _jsx("dd", { children: repositoryWorkingBranchDisplay(repository) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Commit" }), _jsx("dd", { children: shortCommit(repository.commit) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Checkout" }), _jsx("dd", { children: repository.shallow ? 'Shallow' : repository.shallow === false ? 'Full' : 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Agent Completion" }), _jsx("dd", { children: _jsxs("span", { className: "repo-inline-control", children: [_jsx("span", { children: repositoryTaskCompletionBehaviors.find((item) => item.value === repository.taskCompletionBehavior)?.label || 'Complete Git Workflow if possible' }), _jsxs("details", { className: "repo-inline-menu", children: [_jsx("summary", { className: "icon-button", "aria-label": "Change agent completion", title: "Change agent completion", "aria-disabled": pullRequestLocked, children: _jsx(ChevronDown, { "aria-hidden": "true" }) }), _jsxs("div", { className: "repo-inline-menu-panel", children: [_jsx("select", { value: repoWorkspaceTaskCompletionDraft(repository), onChange: (event) => updateRepoWorkspaceTaskCompletionDraft(repository, event.target.value), disabled: pullRequestLocked, children: repositoryTaskCompletionBehaviors.map((item) => (_jsx("option", { value: item.value, children: item.label }, item.value))) }), _jsx("button", { className: "secondary-button", type: "button", onClick: () => saveRepoWorkspaceTaskCompletion(repository), disabled: repoSavingWorkspaceId !== null || pullRequestLocked, children: repoSavingWorkspaceId === repository.id ? _jsx(WorkingIndicator, { label: "Saving" }) : _jsx("span", { children: "Confirm" }) })] })] })] }) })] })] }), repository.branch && repository.workflow.workingBranch && repository.branch !== repository.workflow.workingBranch && (_jsxs("p", { className: "repo-warning", children: ["Working branch is ", repository.branch, "; target branch is ", repository.workflow.workingBranch, "."] })), repository.worktree.hasUncommittedChanges && (_jsxs("details", { className: "repo-dirty", open: true, children: [_jsxs("summary", { children: ["Uncommitted changes (", repository.worktree.changeCount, ")"] }), _jsx("ul", { children: repository.worktree.changedPaths.map((path) => _jsx("li", { children: path }, path)) }), repository.worktree.changeCount > repository.worktree.changedPaths.length && (_jsxs("p", { children: [repository.worktree.changeCount - repository.worktree.changedPaths.length, " more changes not shown."] }))] })), activeTask && (_jsxs("div", { className: "repo-active-task", children: [_jsx("span", { className: pullRequestLocked ? 'status-pill pending' : 'status-pill created', children: pullRequestLocked ? 'PR pending' : activeTask.status }), activeTask.branch && _jsxs("span", { children: ["Branch: ", activeTask.branch] }), activeTask.pullRequest?.url && (_jsxs("a", { href: activeTask.pullRequest.url, target: "_blank", rel: "noreferrer", children: ["Pull request", activeTask.pullRequest.number ? ` #${activeTask.pullRequest.number}` : ''] }))] })), _jsxs("div", { className: "repo-action-row", children: [_jsx("button", { className: "secondary-button", type: "button", onClick: () => syncRepoNow(repository), disabled: repoFetching, children: repoFetching ? _jsx(WorkingIndicator, { label: "Syncing" }) : (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { "aria-hidden": "true" }), _jsx("span", { children: "Sync" })] })) }), activeTask && (_jsx(_Fragment, { children: activeTask.pullRequest?.url && (_jsxs("a", { className: "secondary-button", href: activeTask.pullRequest.url, target: "_blank", rel: "noreferrer", children: [_jsx(GitBranch, { "aria-hidden": "true" }), _jsx("span", { children: "Open PR" })] })) })), repository.branch && !repository.currentBranchOnRemote && (_jsxs("button", { className: "secondary-button danger", type: "button", onClick: () => openRepoDeleteLocalBranchDialog(repository), disabled: repository.worktree.hasUncommittedChanges || pullRequestLocked, title: pullRequestLocked ? 'Pull request is pending.' : repository.worktree.hasUncommittedChanges ? 'Commit or discard local changes before deleting the working branch.' : 'Delete the working branch after switching back to the target branch.', children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Delete Local Branch" })] })), repository.worktree.hasUncommittedChanges && (_jsxs("button", { className: "secondary-button danger", type: "button", onClick: () => openRepoResetDialog(repository), disabled: pullRequestLocked, children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Reset Branch" })] })), _jsxs("button", { className: "secondary-button danger", type: "button", onClick: () => openRepoDeleteDialog(repository), disabled: repository.worktree.hasUncommittedChanges || pullRequestLocked, title: pullRequestLocked ? 'Pull request is pending.' : repository.worktree.hasUncommittedChanges ? 'Commit or discard local changes before deleting this repository.' : 'Delete this attached repository checkout.', children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Delete Repo" })] })] }), repository.submodules.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "repo-section-title", children: [_jsx("h3", { children: "Submodules" }), repository.submodules.some((item) => item.status !== 'checked-out') && (_jsx("span", { className: "status-pill missing", children: "Access issue" }))] }), _jsx("div", { className: "repo-submodule-list", children: repository.submodules.map((submodule) => (_jsxs("article", { className: "repo-submodule", children: [_jsxs("div", { children: [_jsx("h3", { children: submodule.path }), _jsx("p", { children: submodule.url || 'No URL declared' }), _jsxs("div", { className: "repo-submodule-meta", children: [submodule.branch && _jsx("span", { children: submodule.branch }), submodule.commit && _jsx("span", { children: shortCommit(submodule.commit) })] })] }), _jsx("span", { className: submodule.status === 'checked-out' ? 'status-pill created' : 'status-pill missing', children: submodule.status === 'checked-out' ? 'checked out' : submodule.status })] }, `${repository.id}-${submodule.path}`))) })] })), repository.fetchError && (_jsxs("details", { className: "repo-error", open: true, children: [_jsx("summary", { children: "Sync error" }), _jsx("pre", { children: repository.fetchError })] }))] }, repository.id));
+                                }) }))] })), attachedRepositoryEnabled && view === 'deployments' && (_jsxs("section", { children: [_jsxs("div", { className: "page-heading repo-heading", children: [_jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }), _jsxs("button", { className: "secondary-button", type: "button", onClick: loadExternalDeployments, disabled: externalDeploymentsLoading, children: [externalDeploymentsLoading ? _jsx(InlineSpinner, {}) : _jsx(RefreshCw, { "aria-hidden": "true" }), _jsx("span", { children: externalDeploymentsLoading ? 'Loading' : 'Refresh' })] })] }), _jsx("p", { className: "section-intro", children: "External production and test deployments connected to this attached repository." }), externalDeploymentsLoading && !externalDeployments ? (_jsx(LoadingState, { label: "Loading deployments" })) : !(externalDeployments?.deployments?.length) ? (_jsxs("div", { className: "empty-panel", children: [_jsx(TerminalSquare, { "aria-hidden": "true" }), _jsx("h2", { children: "No external deployments yet" }), _jsx("p", { children: "When production or staging access is added, deployment metadata and live checks will appear here." })] })) : (_jsx("div", { className: "repo-view", children: (externalDeployments?.deployments ?? []).map((deployment, index) => (_jsxs("section", { className: "repo-panel", children: [_jsxs("div", { className: "repo-section-title", children: [_jsx("h2", { children: deployment.name || deployment.id || `Deployment ${index + 1}` }), _jsx("span", { className: "status-pill created", children: labelToken(deployment.role || deployment.environment || 'external') })] }), _jsxs("dl", { className: "repo-meta", children: [_jsxs("div", { children: [_jsx("dt", { children: "Environment" }), _jsx("dd", { children: labelToken(deployment.environment || deployment.role || 'unknown') })] }), _jsxs("div", { children: [_jsx("dt", { children: "Access" }), _jsx("dd", { children: labelToken(deployment.accessMode || 'unknown') })] }), _jsxs("div", { children: [_jsx("dt", { children: "URL" }), _jsx("dd", { children: deployment.publicUrl ? _jsx("a", { href: deployment.publicUrl, target: "_blank", rel: "noreferrer", children: deployment.publicUrl }) : 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Host" }), _jsx("dd", { children: deployment.user && deployment.host ? `${deployment.user}@${deployment.host}` : deployment.host || 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Folder" }), _jsx("dd", { children: deployment.workingDirectory || 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Service" }), _jsx("dd", { children: deployment.serviceName || 'Unknown' })] }), _jsxs("div", { children: [_jsx("dt", { children: "Health" }), _jsx("dd", { children: deployment.healthUrl ? _jsx("a", { href: deployment.healthUrl, target: "_blank", rel: "noreferrer", children: deployment.healthUrl }) : 'Unknown' })] })] }), externalDeploymentNotes(deployment.notes).length ? (_jsx("ul", { className: "deployment-notes", children: externalDeploymentNotes(deployment.notes).map((note) => _jsx("li", { children: note }, note)) })) : null] }, deployment.id || deployment.name || index))) }))] })), view === 'api' && (_jsxs("section", { children: [_jsxs("div", { className: "page-heading repo-heading", children: [_jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }), _jsxs("div", { className: "button-row", children: [_jsxs("button", { className: "secondary-button", type: "button", onClick: loadApiClients, disabled: apiClientsLoading, children: [apiClientsLoading ? _jsx(InlineSpinner, {}) : _jsx(RefreshCw, { "aria-hidden": "true" }), _jsx("span", { children: apiClientsLoading ? 'Refreshing' : 'Refresh' })] }), _jsxs("button", { className: "primary", type: "button", onClick: openApiClientDialog, children: [_jsx(Plus, { "aria-hidden": "true" }), _jsx("span", { children: "New Client" })] })] })] }), apiClientsError && _jsx("div", { className: "platform-banner", children: apiClientsError }), apiClients.length === 0 && !apiClientsLoading ? (_jsxs("div", { className: "empty-panel", children: [_jsx(KeyRound, { "aria-hidden": "true" }), _jsx("h2", { children: "No API clients" }), _jsx("p", { children: "External callers can start and monitor agent tasks after a client token is created." })] })) : (_jsxs("table", { children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Name" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Access" }), _jsx("th", { children: "Operations" }), _jsx("th", { children: "Token" }), _jsx("th", { children: "Last used" }), _jsx("th", { children: "Actions" })] }) }), _jsx("tbody", { children: apiClients.map((client) => (_jsxs("tr", { children: [_jsx("td", { children: client.name }), _jsx("td", { children: _jsx("span", { className: client.status === 'active' ? 'status-pill created' : 'status-pill missing', children: client.status }) }), _jsx("td", { children: client.accessLevels.join(', ') }), _jsx("td", { children: client.operations.map(formatApiOperation).join(', ') }), _jsx("td", { children: _jsxs("code", { children: [client.tokenPrefix, "..."] }) }), _jsx("td", { children: client.lastUsedAt ? formatDateTime(client.lastUsedAt) : 'Never' }), _jsx("td", { children: _jsxs("button", { className: "secondary-button", type: "button", onClick: () => revokeApiClient(client), disabled: client.status !== 'active', children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Revoke" })] }) })] }, client.id))) })] }))] })), view === 'status' && (_jsxs("section", { className: "page-view status-view", children: [_jsxs("div", { className: "page-toolbar", children: [_jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }), _jsx("button", { className: "icon-button", type: "button", onClick: () => void loadStatus(), disabled: statusLoading, "aria-label": statusLoading ? 'Refreshing status' : 'Refresh status', title: statusLoading ? 'Refreshing' : 'Refresh', children: statusLoading ? _jsx(InlineSpinner, {}) : _jsx(RefreshCw, { "aria-hidden": "true" }) }), _jsx("h1", { className: "page-title", children: "Status" })] }), _jsxs("div", { className: "metric-grid", children: [_jsxs("div", { className: "metric", children: [_jsx(Server, { "aria-hidden": "true" }), _jsx("span", { children: "Total space used" }), _jsx("strong", { children: formatBytes(status?.totalSpaceUsedBytes ?? 0) })] }), _jsxs("div", { className: "metric", children: [_jsx(CheckCircle2, { "aria-hidden": "true" }), _jsx("span", { children: "Containers created" }), _jsx("strong", { children: status?.containersCreated ?? 0 })] }), (status?.updateCounts ?? []).map((item) => (_jsxs("div", { className: "metric", children: [_jsx(Activity, { "aria-hidden": "true" }), _jsx("span", { children: item.label }), _jsx("strong", { children: item.count ?? 'n/a' }), item.error && _jsx("small", { children: item.error })] }, item.label)))] }), _jsxs("table", { children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Container" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Ports" })] }) }), _jsx("tbody", { children: (status?.containers ?? []).map((container) => (_jsxs("tr", { children: [_jsx("td", { children: container.name }), _jsx("td", { children: _jsxs("span", { className: container.available ? 'status-pill created' : 'status-pill missing', children: [container.available ? _jsx(CheckCircle2, { "aria-hidden": "true" }) : _jsx(CircleOff, { "aria-hidden": "true" }), _jsx("span", { children: container.available ? 'created' : 'not created' })] }) }), _jsx("td", { children: formatContainerPorts(container.ports) })] }, container.name))) })] })] })), view === 'info' && (_jsxs("section", { children: [_jsx("div", { className: "page-heading", children: _jsx("button", { className: "page-menu-button", type: "button", onClick: () => setMobileNavOpen(true), "aria-label": "Open menu", title: "Open menu", children: _jsx(Menu, { "aria-hidden": "true" }) }) }), _jsxs("div", { className: "info-panel", children: [_jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "Handle" }), _jsx("dd", { children: appInfo?.handle || applicationHandle })] }), _jsxs("div", { children: [_jsx("dt", { children: "Title" }), _jsxs("dd", { className: "editable-info-line", children: [_jsx("span", { children: appInfo?.title || applicationTitle }), _jsx("button", { className: "icon-button", type: "button", onClick: () => openAppInfoDialog('title'), disabled: !canEditAppSettings, "aria-label": "Edit title", title: canEditAppSettings ? 'Edit title' : 'DevOps permission required', children: _jsx(Pencil, { "aria-hidden": "true" }) })] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Description" }), _jsxs("dd", { className: "editable-info-line", children: [_jsx("span", { children: appInfo?.description || 'No description' }), _jsx("button", { className: "icon-button", type: "button", onClick: () => openAppInfoDialog('description'), disabled: !canEditAppSettings, "aria-label": "Edit description", title: canEditAppSettings ? 'Edit description' : 'DevOps permission required', children: _jsx(Pencil, { "aria-hidden": "true" }) })] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Outlets" }), _jsxs("dd", { className: "editable-info-line", children: [_jsx("span", { children: outletSummary(appInfo?.outlets || defaultOutletSettings) }), _jsx("button", { className: "icon-button", type: "button", onClick: () => openAppInfoDialog('outlets'), disabled: !canEditAppSettings, "aria-label": "Edit outlets", title: canEditAppSettings ? 'Edit outlets' : 'DevOps permission required', children: _jsx(Pencil, { "aria-hidden": "true" }) })] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Telegram bot tokens" }), _jsx("dd", { children: telegramTokenSummary(appInfo?.outlets || defaultOutletSettings, appInfo?.telegramBot) })] })] }), _jsxs("div", { className: "brand-graphics-heading", children: [_jsx("h2", { children: "Brand graphics" }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => openBrandGraphicDialog('add'), disabled: !canEditAppSettings, title: canEditAppSettings ? 'Add brand graphic' : 'DevOps permission required', "aria-label": "Add brand graphic", children: [_jsx(Plus, { "aria-hidden": "true" }), _jsx("span", { children: "Add" })] }), _jsxs("button", { type: "button", onClick: () => setGenerateGraphicDialogOpen(true), disabled: !canEditAppSettings, title: canEditAppSettings ? 'Generate brand graphic' : 'DevOps permission required', "aria-label": "Generate brand graphic", children: [_jsx(WandSparkles, { "aria-hidden": "true" }), _jsx("span", { children: "Generate" })] })] })] }), _jsx("div", { className: "brand-graphics-grid", children: brandGraphics.length === 0 ? (_jsxs("div", { className: "empty-brand-graphics", children: [_jsx(Image, { "aria-hidden": "true" }), _jsx("span", { children: "No brand graphics" })] })) : brandGraphics.map((graphic) => (_jsxs("article", { className: "brand-graphic-card", children: [_jsx("img", { src: `${base}/${graphic.fileName}`, alt: graphic.label }), _jsxs("div", { children: [_jsx("strong", { children: graphic.label }), _jsx("span", { children: graphic.role }), _jsxs("span", { children: [graphic.width && graphic.height ? `${graphic.width} x ${graphic.height}` : 'Resolution not set', " \u00B7 ", graphic.source] })] }), _jsxs("div", { className: "brand-graphic-actions", children: [_jsx("button", { type: "button", onClick: () => openBrandGraphicDialog('replace', graphic), disabled: !canEditAppSettings, title: canEditAppSettings ? 'Replace brand graphic' : 'DevOps permission required', "aria-label": `Replace ${graphic.label}`, children: _jsx(Upload, { "aria-hidden": "true" }) }), _jsx("button", { type: "button", onClick: () => deleteBrandGraphic(graphic), disabled: !canEditAppSettings, title: canEditAppSettings ? 'Delete brand graphic' : 'DevOps permission required', "aria-label": `Delete ${graphic.label}`, children: _jsx(Trash2, { "aria-hidden": "true" }) })] })] }, graphic.id))) })] })] }))] }), appInfoDialogOpen && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => setAppInfoDialogOpen(false), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "app-info-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsxs("h2", { id: "app-info-title", children: ["Edit ", appInfoEditTarget] }), _jsx("button", { className: "icon-button", onClick: () => setAppInfoDialogOpen(false), "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: submitAppInfo, children: [appInfoEditTarget === 'title' && _jsxs("label", { children: [_jsx("span", { children: "Title" }), _jsx("input", { autoFocus: true, value: appInfoDraft.title, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, title: event.target.value })) })] }), appInfoEditTarget === 'description' && _jsxs("label", { children: [_jsx("span", { children: "Description" }), _jsx("textarea", { value: appInfoDraft.description, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, description: event.target.value })) })] }), appInfoEditTarget === 'outlets' && _jsxs("div", { className: "outlet-settings-form", children: [_jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: appInfoDraft.outlets.web, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, outlets: { ...draft.outlets, web: event.target.checked } })) }), _jsx("span", { children: "Web" })] }), _jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: appInfoDraft.outlets.deviceLauncherBundles.length > 0, onChange: (event) => setAppInfoDraft((draft) => ({
+                                                        ...draft,
+                                                        outlets: {
+                                                            ...draft.outlets,
+                                                            deviceLauncherBundles: event.target.checked
+                                                                ? [{ hosts: draft.outlets.deviceLauncherBundles[0]?.hosts?.length ? draft.outlets.deviceLauncherBundles[0].hosts : [{ form: 'mobile', os: 'android' }] }]
+                                                                : [],
+                                                        },
+                                                    })) }), _jsx("span", { children: "Device launcher bundle" })] }), appInfoDraft.outlets.deviceLauncherBundles.length > 0 && _jsxs("div", { className: "nested-outlet-settings", children: [_jsxs("label", { children: [_jsx("span", { children: "Form" }), _jsxs("select", { value: appInfoDraft.outlets.deviceLauncherBundles[0]?.hosts?.[0]?.form || 'universal', onChange: (event) => setAppInfoDraft((draft) => ({
+                                                                ...draft,
+                                                                outlets: {
+                                                                    ...draft.outlets,
+                                                                    deviceLauncherBundles: [{ hosts: [{ form: event.target.value, os: draft.outlets.deviceLauncherBundles[0]?.hosts?.[0]?.os || 'universal' }] }],
+                                                                },
+                                                            })), children: [_jsx("option", { value: "universal", children: "Universal" }), _jsx("option", { value: "mobile", children: "Mobile" }), _jsx("option", { value: "tablet", children: "Tablet" }), _jsx("option", { value: "pc", children: "PC" })] })] }), _jsxs("label", { children: [_jsx("span", { children: "OS" }), _jsxs("select", { value: appInfoDraft.outlets.deviceLauncherBundles[0]?.hosts?.[0]?.os || 'universal', onChange: (event) => setAppInfoDraft((draft) => ({
+                                                                ...draft,
+                                                                outlets: {
+                                                                    ...draft.outlets,
+                                                                    deviceLauncherBundles: [{ hosts: [{ form: draft.outlets.deviceLauncherBundles[0]?.hosts?.[0]?.form || 'universal', os: event.target.value }] }],
+                                                                },
+                                                            })), children: [_jsx("option", { value: "universal", children: "Universal" }), _jsx("option", { value: "android", children: "Android" }), _jsx("option", { value: "ios", children: "iOS" }), _jsx("option", { value: "mac", children: "macOS" }), _jsx("option", { value: "windows", children: "Windows" })] })] })] }), _jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: appInfoDraft.outlets.androidApp, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, outlets: { ...draft.outlets, androidApp: event.target.checked } })) }), _jsx("span", { children: "Android app" })] }), _jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: appInfoDraft.outlets.iosApp, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, outlets: { ...draft.outlets, iosApp: event.target.checked } })) }), _jsx("span", { children: "iOS app" })] }), _jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: appInfoDraft.outlets.telegram, onChange: (event) => setAppInfoDraft((draft) => ({
+                                                        ...draft,
+                                                        outlets: { ...draft.outlets, telegram: event.target.checked },
+                                                        telegramBot: event.target.checked ? draft.telegramBot : { liveToken: '', testToken: '' },
+                                                    })) }), _jsx("span", { children: "Telegram bot" })] }), _jsxs("label", { children: [_jsx("span", { children: "Telegram bot token for real use" }), _jsx("input", { type: "password", value: appInfoDraft.telegramBot.liveToken || '', disabled: !appInfoDraft.outlets.telegram, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, telegramBot: { ...draft.telegramBot, liveToken: event.target.value } })) })] }), _jsxs("label", { children: [_jsx("span", { children: "Telegram bot token for testing" }), _jsx("input", { type: "password", value: appInfoDraft.telegramBot.testToken || '', disabled: !appInfoDraft.outlets.telegram, onChange: (event) => setAppInfoDraft((draft) => ({ ...draft, telegramBot: { ...draft.telegramBot, testToken: event.target.value } })) })] })] }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setAppInfoDialogOpen(false), children: "Cancel" }), !platformStatus.available && _jsx("p", { className: "platform-modal-note", children: "The platform is down. Wait until it is back up." }), _jsx("button", { className: "primary", disabled: !canEditAppSettings || !platformStatus.available || appInfoSubmitting, children: appInfoSubmitting ? _jsx(WorkingIndicator, { label: "Saving" }) : (_jsxs(_Fragment, { children: [_jsx(Save, { "aria-hidden": "true" }), _jsx("span", { children: "Save" })] })) })] })] })] }) })), brandGraphicDialog && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => setBrandGraphicDialog(null), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "brand-graphic-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "brand-graphic-title", children: brandGraphicDialog.mode === 'replace' ? 'Replace brand graphic' : 'Add brand graphic' }), _jsx("button", { className: "icon-button", onClick: () => setBrandGraphicDialog(null), "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: submitBrandGraphic, children: [_jsxs("label", { children: [_jsx("span", { children: "Role" }), _jsx("select", { value: brandGraphicDraft.role, onChange: (event) => setBrandGraphicDraft((draft) => ({ ...draft, role: event.target.value })), children: brandGraphicRoles.map((role) => _jsx("option", { value: role.value, children: role.label }, role.value)) })] }), _jsxs("label", { children: [_jsx("span", { children: "Label" }), _jsx("input", { value: brandGraphicDraft.label, onChange: (event) => setBrandGraphicDraft((draft) => ({ ...draft, label: event.target.value })), placeholder: "Default from role" })] }), _jsxs("label", { className: "file-drop", children: [_jsx(Upload, { "aria-hidden": "true" }), _jsx("span", { children: brandGraphicDraft.fileName || 'Choose image' }), _jsx("input", { type: "file", accept: "image/*", onChange: (event) => selectBrandGraphicFile(event.target.files?.[0] ?? null) })] }), brandGraphicDraft.dataUrl && _jsx("img", { className: "brand-graphic-preview", src: brandGraphicDraft.dataUrl, alt: "" }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setBrandGraphicDialog(null), children: "Cancel" }), _jsx("button", { className: "primary", disabled: !canEditAppSettings || !brandGraphicDraft.dataUrl || brandGraphicSubmitting, children: brandGraphicSubmitting ? _jsx(WorkingIndicator, { label: "Saving" }) : (_jsxs(_Fragment, { children: [_jsx(Save, { "aria-hidden": "true" }), _jsx("span", { children: "Save" })] })) })] })] })] }) })), generateGraphicDialogOpen && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => setGenerateGraphicDialogOpen(false), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "generate-graphic-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "generate-graphic-title", children: "Generate brand graphic" }), _jsx("button", { className: "icon-button", onClick: () => setGenerateGraphicDialogOpen(false), "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: createBrandGraphicTask, children: [_jsxs("label", { children: [_jsx("span", { children: "Role" }), _jsx("select", { value: generateGraphicDraft.role, onChange: (event) => setGenerateGraphicDraft((draft) => ({ ...draft, role: event.target.value })), children: brandGraphicRoles.map((role) => _jsx("option", { value: role.value, children: role.label }, role.value)) })] }), _jsxs("label", { children: [_jsx("span", { children: "Resolution" }), _jsx("input", { value: generateGraphicDraft.size, onChange: (event) => setGenerateGraphicDraft((draft) => ({ ...draft, size: event.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "Prompt" }), _jsx("textarea", { value: generateGraphicDraft.prompt, onChange: (event) => setGenerateGraphicDraft((draft) => ({ ...draft, prompt: event.target.value })) })] }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setGenerateGraphicDialogOpen(false), children: "Cancel" }), _jsxs("button", { className: "primary", disabled: !canEditAppSettings, children: [_jsx(WandSparkles, { "aria-hidden": "true" }), _jsx("span", { children: "Start task" })] })] })] })] }) })), repoWorkflowDialog && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => !repoSavingWorkflow && setRepoWorkflowDialog(null), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "repo-workflow-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "repo-workflow-title", children: repoWorkflowDialog.field === 'workflow' ? 'Change Workflow' : 'Change Target Branch' }), _jsx("button", { className: "icon-button", onClick: () => setRepoWorkflowDialog(null), disabled: repoSavingWorkflow, "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: saveRepoWorkflow, children: [_jsxs("label", { children: [_jsx("span", { children: "Repository" }), _jsx("input", { value: repoWorkflowDialog.repository.label, readOnly: true })] }), repoWorkflowDialog.field === 'branch' && (_jsxs("label", { children: [_jsx("span", { children: "Target branch" }), _jsx("select", { autoFocus: true, value: repoWorkflowDialog.draft.workingBranch, disabled: repoSavingWorkflow, onChange: (event) => updateRepoWorkflowDialog({ workingBranch: event.target.value }), children: repositoryBranchOptions(repoWorkflowDialog.repository, repoWorkflowDialog.draft.workingBranch).map((branch) => (_jsx("option", { value: branch, children: branch }, branch))) })] })), repoWorkflowDialog.field === 'workflow' && canEditRepoWorkflow && (_jsxs("label", { children: [_jsx("span", { children: "Workflow mode" }), _jsx("select", { autoFocus: true, value: repoWorkflowDialog.draft.mode, disabled: repoSavingWorkflow, onChange: (event) => updateRepoWorkflowDialog({ mode: event.target.value }), children: repositoryWorkflowModes.map((mode) => _jsx("option", { value: mode.value, children: mode.label }, mode.value)) })] })), repoWorkflowDialog.error && _jsx("p", { className: "form-error", children: repoWorkflowDialog.error }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setRepoWorkflowDialog(null), disabled: repoSavingWorkflow, children: "Cancel" }), _jsx("button", { className: "primary", disabled: repoSavingWorkflow || !repoWorkflowDialog.draft.workingBranch.trim(), children: repoSavingWorkflow ? _jsx(WorkingIndicator, { label: "Checking out branch" }) : (_jsxs(_Fragment, { children: [_jsx(Save, { "aria-hidden": "true" }), _jsx("span", { children: "Confirm" })] })) })] })] })] }) })), repoResetDialog && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => !repoResetting && setRepoResetDialog(null), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "repo-reset-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "repo-reset-title", children: "Reset Repo Branch" }), _jsx("button", { className: "icon-button", onClick: () => setRepoResetDialog(null), disabled: repoResetting, "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: resetRepoBranch, children: [_jsxs("p", { className: "danger-note", children: ["This will discard uncommitted changes in ", repoResetDialog.repository.label, ", reset it to origin/", repoResetDialog.repository.workflow.workingBranch, ", and checkout the target branch."] }), repoResetDialog.repository.worktree.hasUncommittedChanges && (_jsxs("div", { className: "repo-reset-summary", children: [_jsxs("strong", { children: [repoResetDialog.repository.worktree.changeCount, " uncommitted changes will be discarded."] }), _jsx("ul", { children: repoResetDialog.repository.worktree.changedPaths.slice(0, 8).map((path) => _jsx("li", { children: path }, path)) })] })), repoResetDialog.error && _jsx("p", { className: "form-error", children: repoResetDialog.error }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setRepoResetDialog(null), disabled: repoResetting, children: "Cancel" }), _jsx("button", { className: "danger", disabled: repoResetting, children: repoResetting ? _jsx(WorkingIndicator, { label: "Resetting branch" }) : (_jsxs(_Fragment, { children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Reset Branch" })] })) })] })] })] }) })), repoDeleteDialog && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => !repoDeleting && setRepoDeleteDialog(null), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "repo-delete-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "repo-delete-title", children: "Delete Attached Repo" }), _jsx("button", { className: "icon-button", onClick: () => setRepoDeleteDialog(null), disabled: repoDeleting, "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: deleteRepository, children: [_jsxs("p", { className: "danger-note", children: ["This will remove ", repoDeleteDialog.repository.label, " from this control panel and delete the local checkout at /", repoDeleteDialog.repository.localPath, "."] }), _jsx("p", { className: "muted", children: "The remote Git repository is not deleted. Attach it again later if you need a fresh checkout." }), repoDeleteDialog.error && _jsx("p", { className: "form-error", children: repoDeleteDialog.error }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setRepoDeleteDialog(null), disabled: repoDeleting, children: "Cancel" }), _jsx("button", { className: "danger", disabled: repoDeleting, children: repoDeleting ? _jsx(WorkingIndicator, { label: "Deleting repo" }) : (_jsxs(_Fragment, { children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Delete Repo" })] })) })] })] })] }) })), repoDeleteLocalBranchDialog && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => !repoDeletingLocalBranch && setRepoDeleteLocalBranchDialog(null), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "repo-delete-local-branch-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "repo-delete-local-branch-title", children: "Delete Local Branch" }), _jsx("button", { className: "icon-button", onClick: () => setRepoDeleteLocalBranchDialog(null), disabled: repoDeletingLocalBranch, "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), _jsxs("form", { className: "app-info-form", onSubmit: deleteRepoLocalBranch, children: [_jsxs("p", { className: "danger-note", children: ["This will switch ", repoDeleteLocalBranchDialog.repository.label, " to target branch origin/", repoDeleteLocalBranchDialog.repository.workflow.workingBranch, " and delete the working branch ", repoDeleteLocalBranchDialog.repository.branch, "."] }), _jsx("p", { className: "muted", children: "This action is only allowed when the working branch is no longer present on origin." }), repoDeleteLocalBranchDialog.error && _jsx("p", { className: "form-error", children: repoDeleteLocalBranchDialog.error }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setRepoDeleteLocalBranchDialog(null), disabled: repoDeletingLocalBranch, children: "Cancel" }), _jsx("button", { className: "danger", disabled: repoDeletingLocalBranch, children: repoDeletingLocalBranch ? _jsx(WorkingIndicator, { label: "Deleting branch" }) : (_jsxs(_Fragment, { children: [_jsx(Trash2, { "aria-hidden": "true" }), _jsx("span", { children: "Delete Branch" })] })) })] })] })] }) })), apiClientDialogOpen && (_jsx("div", { className: "modal-layer", role: "presentation", onMouseDown: () => !apiClientSubmitting && setApiClientDialogOpen(false), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "api-client-title", onMouseDown: (event) => event.stopPropagation(), children: [_jsxs("header", { children: [_jsx("h2", { id: "api-client-title", children: "New API Client" }), _jsx("button", { className: "icon-button", onClick: () => setApiClientDialogOpen(false), disabled: apiClientSubmitting, "aria-label": "Close", title: "Close", children: _jsx(X, { "aria-hidden": "true" }) })] }), createdApiToken ? (_jsxs("div", { className: "app-info-form api-token-panel", children: [_jsxs("label", { children: [_jsx("span", { children: "Token" }), _jsx("textarea", { readOnly: true, value: createdApiToken })] }), _jsx("div", { className: "modal-actions", children: _jsxs("button", { type: "button", className: "primary", onClick: () => setApiClientDialogOpen(false), children: [_jsx(CheckCircle2, { "aria-hidden": "true" }), _jsx("span", { children: "Done" })] }) })] })) : (_jsxs("form", { className: "app-info-form api-client-form", onSubmit: submitApiClient, children: [_jsxs("label", { children: [_jsx("span", { children: "Name" }), _jsx("input", { autoFocus: true, value: apiClientDraft.name, onChange: (event) => setApiClientDraft((draft) => ({ ...draft, name: event.target.value })) })] }), _jsxs("fieldset", { className: "checkbox-group", children: [_jsx("legend", { children: "Access levels" }), ['query', 'code', 'devops'].map((level) => (_jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: apiClientDraft.accessLevels.includes(level), onChange: () => toggleApiClientDraftValue('accessLevels', level) }), _jsx("span", { children: level })] }, level)))] }), _jsxs("fieldset", { className: "checkbox-group", children: [_jsx("legend", { children: "Operations" }), [
+                                            ['start_task', 'Start task'],
+                                            ['read_task', 'Read progress'],
+                                            ['terminate_own_task', 'Terminate own task'],
+                                        ].map(([operation, label]) => (_jsxs("label", { className: "checkbox-row", children: [_jsx("input", { type: "checkbox", checked: apiClientDraft.operations.includes(operation), onChange: () => toggleApiClientDraftValue('operations', operation) }), _jsx("span", { children: label })] }, operation)))] }), _jsxs("label", { children: [_jsx("span", { children: "Callback allowlist" }), _jsx("textarea", { value: apiClientDraft.callbackAllowlist, onChange: (event) => setApiClientDraft((draft) => ({ ...draft, callbackAllowlist: event.target.value })), placeholder: "api.example.com" })] }), _jsxs("div", { className: "modal-actions", children: [_jsx("button", { type: "button", onClick: () => setApiClientDialogOpen(false), disabled: apiClientSubmitting, children: "Cancel" }), _jsx("button", { className: "primary", disabled: !apiClientDraft.name.trim() || apiClientSubmitting, children: apiClientSubmitting ? _jsx(WorkingIndicator, { label: "Creating" }) : (_jsxs(_Fragment, { children: [_jsx(KeyRound, { "aria-hidden": "true" }), _jsx("span", { children: "Create" })] })) })] })] }))] }) }))] }));
+}
+function HostAccessRedirect() {
+    useEffect(() => {
+        window.location.replace(`/?returnTo=${encodeURIComponent(window.location.href)}`);
+    }, []);
+    return _jsx(LoadingState, { label: "Opening host sign-in" });
+}
+function consumeInitialModeQuery() {
+    const url = new URL(window.location.href);
+    if (!url.searchParams.has('mode') && !url.searchParams.has('start-mode')) {
+        return;
+    }
+    url.searchParams.delete('mode');
+    url.searchParams.delete('start-mode');
+    window.history.replaceState(null, '', `${url.pathname}${url.search}${url.hash}`);
+}
+function controlHomeUrl() {
+    const url = new URL(window.location.href);
+    url.search = '';
+    url.hash = '';
+    if (!url.pathname.endsWith('/')) {
+        url.pathname = `${url.pathname}/`;
+    }
+    return url.toString();
+}
+function controlViewUrl(view) {
+    const url = new URL(controlHomeUrl());
+    url.searchParams.set('view', view);
+    return url.toString();
+}
+function hostControlPanelUrl() {
+    return new URL('/', window.location.origin).toString();
+}
+function outletSummary(outlets) {
+    const selected = [
+        outlets.web ? 'Web' : null,
+        outlets.deviceLauncherBundles.length > 0 ? 'Launcher bundle' : null,
+        outlets.androidApp ? 'Android app' : null,
+        outlets.iosApp ? 'iOS app' : null,
+        outlets.telegram ? 'Telegram bot' : null,
+    ].filter((item) => Boolean(item));
+    return selected.length > 0 ? selected.join(', ') : 'No outlets selected';
+}
+function launcherHostSummary(hosts) {
+    if (!hosts.length)
+        return 'Universal';
+    return hosts.map((host) => `${hostLabel(host.form)} / ${hostLabel(host.os)}`).join(', ');
+}
+function hostLabel(value) {
+    switch (value) {
+        case 'ios':
+            return 'iOS';
+        case 'mac':
+            return 'macOS';
+        case 'pc':
+            return 'PC';
+        default:
+            return value.charAt(0).toUpperCase() + value.slice(1);
+    }
+}
+function labelToken(value) {
+    const normalized = (value || '').trim();
+    if (!normalized)
+        return 'Unknown';
+    return normalized
+        .split('-')
+        .filter(Boolean)
+        .map((word) => `${word.charAt(0).toLocaleUpperCase()}${word.slice(1)}`)
+        .join(' ');
+}
+function externalDeploymentNotes(value) {
+    if (Array.isArray(value))
+        return value.filter((note) => note.trim());
+    const note = value?.trim();
+    return note ? [note] : [];
+}
+function telegramTokenSummary(outlets, telegramBot) {
+    if (!outlets.telegram)
+        return 'Telegram bot outlet is off';
+    const live = telegramBot?.liveToken ? 'real-use token set' : 'real-use token empty';
+    const test = telegramBot?.testToken ? 'test token set' : 'test token empty';
+    return `${live}, ${test}`;
+}
+function initialCreationPrompt(config) {
+    const { applicationTitle, applicationDescription, applicationHandle, applicationOutlets, } = config;
+    return [
+        'Create the following application',
+        '',
+        `Title: ${applicationTitle}`,
+        '',
+        'Details:',
+        applicationDescription || 'No additional details provided.',
+        '',
+        'Deployment:',
+        'Figure out whether this application needs deployable web services, mobile outlets, or both from the application metadata at:',
+        '',
+        '/workspace/app-meta.json',
+        '',
+        'Use that file as the source of truth for enabled outlets before deciding what to build, package, deploy, or verify.',
+        '',
+        `Unique name: ${applicationHandle}`,
+        `Outlets: ${applicationOutlets || 'none selected'}`,
+        '',
+        'Required outlet and URL contract:',
+        '- If a web outlet is selected, create the real-use web route at the empty app route with `platformctl container create app-web --path \'\'`; it opens at `/apps/' + applicationHandle + '/`.',
+        '- If you create a test or preview web route, use `platformctl container create test-web --path test`; it opens at `/apps/' + applicationHandle + '/test/`.',
+        '- Do not create the real-use web app at `/apps/' + applicationHandle + '/app/` unless the owner explicitly asks for a separate `/app` route.',
+        '- Add every owner-visible web route to `/workspace/control-links.json` before reporting completion. Use entries such as `{"title":"Real-use app","path":""}` and `{"title":"Test app","path":"test"}`.',
+        '- In the final summary, report app-relative routes unless an absolute URL came from verified outlet metadata in the current browser-facing environment. Do not report unverified `127.0.0.1` host ports.',
+    ].filter((section) => section.length > 0).join('\n');
+}
+function customizeImportedRepoPrompt(info, config) {
+    const { applicationTitle, applicationDescription } = config;
+    const title = (info.title || applicationTitle).trim();
+    const description = (info.description || applicationDescription).trim();
+    return [
+        `Customize ${title}`,
+        '',
+        'This application was provisioned from a GitHub repository. Inspect the imported repository source, preserve useful existing code, and customize it for the stated application purpose.',
+        'The imported source is expected under /workspace/source-repo when history was preserved, /workspace/source-snapshot when a snapshot was requested, or /workspace/repo when an external repository was attached. Check /workspace/state/github-source.json for the exact source metadata.',
+        description ? ['', 'Application purpose:', description].join('\n') : '',
+        '',
+        'Use the app control panel and outlet metadata already present in this workspace. Do not replace the control panel. Build, deploy, and verify the result before reporting.',
+    ].filter((section) => section.length > 0).join('\n');
+}
+function discussIdeaPrompt(info, config) {
+    const { applicationTitle, applicationDescription } = config;
+    const title = (info.title || applicationTitle).trim();
+    const description = (info.description || applicationDescription).trim();
+    return [
+        `Here is my ${title} idea`,
+        description,
+        'What do you think?',
+    ].filter((section) => section.length > 0).join('\n');
+}
+function parseInitialMode(value) {
+    return value === 'create-app' || value === 'discuss' || value === 'customize' ? value : 'none';
+}
+function viewFromPath(base, customViews) {
+    const routeBase = base || '';
+    const pathname = window.location.pathname;
+    const relativePath = routeBase && (pathname === routeBase || pathname.startsWith(`${routeBase}/`))
+        ? pathname.slice(routeBase.length)
+        : pathname;
+    const slug = relativePath.replace(/^\/+|\/+$/g, '');
+    const entry = Object.entries(viewSlugs).find(([, viewSlug]) => viewSlug === slug);
+    if (entry)
+        return entry[0];
+    return flattenCustomViews(customViews).find((customView) => (customView.slug ?? customView.id) === slug)?.id ?? null;
+}
+function pathForView(view, base, customViews) {
+    const customView = flattenCustomViews(customViews).find((item) => item.id === view);
+    const slug = customView?.slug ?? viewSlugs[view] ?? view;
+    return `${base}/${slug}`.replace(/\/{2,}/g, '/');
+}
+function parseLauncherSimulatorTarget(params) {
+    const deviceAppHandle = params.get('deviceApp')?.trim();
+    const releaseVersion = params.get('release')?.trim();
+    return deviceAppHandle && releaseVersion ? { deviceAppHandle, releaseVersion } : null;
+}
+function launcherSimulatorPath(base, customViews, target) {
+    const path = pathForView('launcherSimulator', base, customViews);
+    if (!target)
+        return path;
+    const params = new URLSearchParams({
+        deviceApp: target.deviceAppHandle,
+        release: target.releaseVersion,
+    });
+    return `${path}?${params.toString()}`;
+}
+function flattenCustomViews(customViews) {
+    return customViews.flatMap((customView) => [
+        customView,
+        ...flattenCustomViews(customView.children ?? []),
+    ]);
+}
+function delay(milliseconds) {
+    return new Promise((resolve) => window.setTimeout(resolve, milliseconds));
+}
+function formatElapsedMs(elapsedMs) {
+    const seconds = Math.max(0, Math.floor(elapsedMs / 1000));
+    const hours = Math.floor(seconds / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    const remainingSeconds = seconds % 60;
+    if (hours > 0)
+        return `${hours}h ${minutes}m ${remainingSeconds}s`;
+    if (minutes > 0)
+        return `${minutes}m ${remainingSeconds}s`;
+    return `${remainingSeconds}s`;
+}
+function formatApiOperation(value) {
+    switch (value) {
+        case 'start_task':
+            return 'Start task';
+        case 'read_task':
+            return 'Read progress';
+        case 'terminate_own_task':
+            return 'Terminate own task';
+        default:
+            return labelToken(value);
+    }
+}
+function parseErrorMessage(value) {
+    try {
+        const payload = JSON.parse(value);
+        return typeof payload.error === 'string' ? payload.error : payload.error?.message;
+    }
+    catch {
+        return undefined;
+    }
+}
+function shortCommit(commit) {
+    return commit ? commit.slice(0, 12) : 'Unknown';
+}
+function repositoryWorkingBranchDisplay(repository) {
+    const branch = repository.branch?.trim();
+    const targetBranch = repository.workflow.workingBranch?.trim();
+    return branch && branch !== targetBranch ? branch : '';
+}
+function fileToDataUrl(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(String(reader.result));
+        reader.onerror = () => reject(reader.error ?? new Error('Unable to read file.'));
+        reader.readAsDataURL(file);
+    });
+}
+function imageSize(dataUrl) {
+    return new Promise((resolve, reject) => {
+        const image = new window.Image();
+        image.onload = () => resolve({ width: image.naturalWidth, height: image.naturalHeight });
+        image.onerror = () => reject(new Error('Unable to inspect image.'));
+        image.src = dataUrl;
+    });
+}
+//# sourceMappingURL=AppControlPanel.js.map