@zerwiz/ymir 0.1.34 → 0.1.35

package/apps/sessrumnir/src/renderer/src/components/git-conveyor-actions.tsx

@@ -0,0 +1,246 @@
+import { useCallback, useEffect, useState } from 'react'
+import { ExternalLink, GitCommitHorizontal, GitPullRequest, Loader2, Upload, X } from 'lucide-react'
+import { clsx } from 'clsx'
+import { useTranslation } from 'react-i18next'
+import { useAppStore } from '../store'
+import type { GitConveyorStatus } from '../../../shared/ipc-contracts'
+import { formatIpcError } from '../utils/ipc-error'
+
+type ConveyorDialog =
+  | { kind: 'commit'; message: string }
+  | { kind: 'pr'; title: string; body: string; base: string }
+
+// A git identifier, not prose — stays literal (ruling on Task 25 fix item 2).
+const DEFAULT_GIT_REMOTE = 'origin'
+
+export function GitConveyorActions({ onChanged }: { onChanged?: () => void }): React.JSX.Element {
+  const { t } = useTranslation()
+  const requestConfirm = useAppStore((state) => state.requestConfirm)
+  const [status, setStatus] = useState<GitConveyorStatus | null>(null)
+  const [busy, setBusy] = useState<'commit' | 'push' | 'pr' | null>(null)
+  const [dialog, setDialog] = useState<ConveyorDialog | null>(null)
+  const [error, setError] = useState<string | null>(null)
+  const [feedback, setFeedback] = useState<string | null>(null)
+
+  const refresh = useCallback(async (): Promise<void> => {
+    try {
+      setStatus(await window.piDesktop.git.status())
+      setError(null)
+    } catch (err) {
+      setStatus(null)
+      setError(formatIpcError(err))
+    }
+  }, [])
+
+  useEffect(() => {
+    void refresh()
+    const timer = window.setInterval(() => {
+      if (document.visibilityState === 'visible') void refresh()
+    }, 5000)
+    return () => window.clearInterval(timer)
+  }, [refresh])
+
+  const run = async <T,>(
+    kind: 'commit' | 'push' | 'pr',
+    action: () => Promise<T>,
+    success: (result: T) => string,
+  ): Promise<void> => {
+    if (busy) return
+    setBusy(kind)
+    setError(null)
+    setFeedback(null)
+    try {
+      const result = await action()
+      setFeedback(success(result))
+      await refresh()
+      onChanged?.()
+    } catch (err) {
+      setError(formatIpcError(err))
+    } finally {
+      setBusy(null)
+    }
+  }
+
+  const openCommitDialog = (): void => {
+    setError(null)
+    setDialog({
+      kind: 'commit',
+      message: status?.lastCommitMessage ?? 'chore: update implementation',
+    })
+  }
+
+  const openPrDialog = (): void => {
+    if (!status?.branch) {
+      setError(t('conveyor.errors.branchRequired'))
+      return
+    }
+    if (status.dirtyFiles || status.ahead > 0 || !status.hasUpstream) {
+      setError(
+        status.dirtyFiles
+          ? t('conveyor.errors.commitBeforePr')
+          : t('conveyor.errors.pushBeforePr')
+      )
+      return
+    }
+    setDialog({
+      kind: 'pr',
+      title: status.lastCommitMessage ?? status.branch,
+      body: '## Summary\n\n## Verification\n',
+      base: status.baseBranch ?? '',
+    })
+  }
+
+  const submitDialog = (): void => {
+    if (!dialog) return
+    if (dialog.kind === 'commit') {
+      const message = dialog.message.trim()
+      if (!message) {
+        setError(t('conveyor.errors.commitMessageRequired'))
+        return
+      }
+      setDialog(null)
+      void run(
+        'commit',
+        () => window.piDesktop.git.commit({ message }),
+        (next) => t('conveyor.feedback.committed', { sha: next.head.slice(0, 8) }),
+      )
+      return
+    }
+
+    const title = dialog.title.trim()
+    const body = dialog.body.trim()
+    if (!title) {
+      setError(t('conveyor.errors.prTitleRequired'))
+      return
+    }
+    setDialog(null)
+    void run(
+      'pr',
+      async () => {
+        const result = await window.piDesktop.git.createPullRequest({
+          title,
+          body,
+          ...(dialog.base.trim() ? { base: dialog.base.trim() } : {}),
+        })
+        if (result.url) void window.piDesktop.system.openExternal(result.url)
+        return result
+      },
+      (result) => result.url ? t('conveyor.feedback.prCreatedWithUrl', { url: result.url }) : t('conveyor.feedback.prCreated'),
+    )
+  }
+
+  const push = async (): Promise<void> => {
+    if (!status) return
+    if (status.dirtyFiles) {
+      setError(t('conveyor.errors.commitBeforePush'))
+      return
+    }
+    const target = status.upstreamBranch
+      ? `${status.pushRemote ?? t('conveyor.pushConfirm.remoteFallback')}/${status.upstreamBranch}`
+      : `${status.pushRemote ?? DEFAULT_GIT_REMOTE}/${status.branch ?? t('conveyor.pushConfirm.branchNameFallback')}`
+    const confirmed = await requestConfirm({
+      title: t('conveyor.pushConfirm.title'),
+      message: t('conveyor.pushConfirm.message', { branch: status.branch ?? t('conveyor.pushConfirm.currentBranchFallback'), target }),
+      confirmLabel: t('conveyor.push'),
+      cancelLabel: t('common.cancel'),
+      danger: true,
+    })
+    if (!confirmed) return
+    void run(
+      'push',
+      () => window.piDesktop.git.push(),
+      (next) => next.ahead > 0 ? t('conveyor.feedback.pushedCommits', { count: next.ahead }) : t('conveyor.feedback.branchPushed'),
+    )
+  }
+
+  return (
+    <>
+      <div className="flex min-w-0 flex-wrap items-center justify-start gap-1.5 lg:justify-end">
+        {status && (
+          <span className="basis-full mr-1 max-w-60 truncate text-[10px] text-faint sm:basis-auto" title={status.branch ?? undefined}>
+            {status.dirtyFiles > 0
+              ? t('conveyor.branchStatusDirty', { branch: status.branch ?? t('conveyor.detachedBranch'), count: status.dirtyFiles })
+              : t('conveyor.branchStatusClean', { branch: status.branch ?? t('conveyor.detachedBranch') })}
+          </span>
+        )}
+        <button type="button" onClick={openCommitDialog} disabled={busy !== null || !status?.dirtyFiles} className="flex shrink-0 items-center gap-1 rounded border border-border px-2 py-1 text-[10px] text-muted transition-colors hover:bg-surface-hover hover:text-primary disabled:cursor-not-allowed disabled:opacity-40" title={t('conveyor.commitButtonTitle')}>
+          {busy === 'commit' ? <Loader2 size={11} className="animate-spin" /> : <GitCommitHorizontal size={11} />}
+          {t('conveyor.commit')}
+        </button>
+        <button type="button" onClick={() => void push()} disabled={busy !== null || !status || !!status.dirtyFiles || !status.branch} className="flex shrink-0 items-center gap-1 rounded border border-border px-2 py-1 text-[10px] text-muted transition-colors hover:bg-surface-hover hover:text-primary disabled:cursor-not-allowed disabled:opacity-40" title={t('conveyor.pushButtonTitle')}>
+          {busy === 'push' ? <Loader2 size={11} className="animate-spin" /> : <Upload size={11} />}
+          {t('conveyor.push')}
+        </button>
+        <button type="button" onClick={openPrDialog} disabled={busy !== null || !status || !!status.dirtyFiles || !!status.ahead || !status.branch || !status.hasUpstream} className={clsx('flex shrink-0 items-center gap-1 rounded border border-accent/50 px-2 py-1 text-[10px] text-accent-fg transition-colors hover:bg-accent-bg/20 disabled:cursor-not-allowed disabled:opacity-40')} title={t('conveyor.prButtonTitle')}>
+          {busy === 'pr' ? <Loader2 size={11} className="animate-spin" /> : <GitPullRequest size={11} />}
+          {t('conveyor.prButtonLabel')}
+        </button>
+        {status?.remoteUrl && <ExternalLink size={11} className="text-faint" aria-hidden="true" />}
+        {(error || feedback) && <span className={clsx('basis-full truncate text-[10px]', error ? 'text-error' : 'text-success')} role="status" title={error ?? feedback ?? undefined}>{error ?? feedback}</span>}
+      </div>
+      {dialog && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/45 px-4" role="presentation">
+          <form
+            className="w-full max-w-lg rounded-lg border border-border-strong bg-surface p-4 shadow-2xl"
+            onSubmit={(event) => {
+              event.preventDefault()
+              submitDialog()
+            }}
+          >
+            <div className="mb-3 flex items-center justify-between">
+              <h2 className="text-sm font-semibold text-primary">{dialog.kind === 'commit' ? t('conveyor.dialog.commitTitle') : t('conveyor.dialog.prTitle')}</h2>
+              <button type="button" onClick={() => setDialog(null)} className="rounded p-1 text-muted hover:bg-surface-hover hover:text-primary" aria-label={t('conveyor.dialog.closeAriaLabel')}>
+                <X size={14} />
+              </button>
+            </div>
+            {dialog.kind === 'commit' ? (
+              <label className="block text-xs text-muted">
+                {t('conveyor.dialog.commitMessageLabel')}
+                <input
+                  autoFocus
+                  value={dialog.message}
+                  onChange={(event) => setDialog({ ...dialog, message: event.target.value })}
+                  className="mt-1 w-full rounded border border-border-strong bg-app px-2 py-1.5 text-sm text-primary outline-none focus:border-focus"
+                />
+              </label>
+            ) : (
+              <div className="space-y-2">
+                <label className="block text-xs text-muted">
+                  {t('conveyor.dialog.titleLabel')}
+                  <input
+                    autoFocus
+                    value={dialog.title}
+                    onChange={(event) => setDialog({ ...dialog, title: event.target.value })}
+                    className="mt-1 w-full rounded border border-border-strong bg-app px-2 py-1.5 text-sm text-primary outline-none focus:border-focus"
+                  />
+                </label>
+                <label className="block text-xs text-muted">
+                  {t('conveyor.dialog.baseBranchLabel')}
+                  <input
+                    value={dialog.base}
+                    onChange={(event) => setDialog({ ...dialog, base: event.target.value })}
+                    placeholder={t('conveyor.dialog.baseBranchPlaceholder')}
+                    className="mt-1 w-full rounded border border-border-strong bg-app px-2 py-1.5 text-sm text-primary outline-none focus:border-focus"
+                  />
+                </label>
+                <label className="block text-xs text-muted">
+                  {t('conveyor.dialog.descriptionLabel')}
+                  <textarea
+                    value={dialog.body}
+                    onChange={(event) => setDialog({ ...dialog, body: event.target.value })}
+                    rows={7}
+                    className="mt-1 w-full resize-y rounded border border-border-strong bg-app px-2 py-1.5 text-sm text-primary outline-none focus:border-focus"
+                  />
+                </label>
+              </div>
+            )}
+            <div className="mt-4 flex justify-end gap-2">
+              <button type="button" onClick={() => setDialog(null)} className="rounded border border-border px-3 py-1.5 text-xs text-muted hover:bg-surface-hover hover:text-primary">{t('common.cancel')}</button>
+              <button type="submit" className="rounded bg-accent px-3 py-1.5 text-xs font-medium text-white hover:bg-accent/90">{dialog.kind === 'commit' ? t('conveyor.commit') : t('conveyor.createPrButton')}</button>
+            </div>
+          </form>
+        </div>
+      )}
+    </>
+  )
+}

package/apps/sessrumnir/src/renderer/src/components/home-screen.tsx

@@ -0,0 +1,396 @@
+import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { getSessionTitle } from '../utils/session-title'
+import { DEFAULT_AGENT_ENGINE_LABEL, agentEngineLabel } from '../../../shared/agent-engine-label'
+import { SESSRUMNIR_PRODUCT_NAME } from '../../../shared/product-name'
+import piLogo from '../assets/pi-logo.svg'
+import { clsx } from 'clsx'
+import {
+  FolderOpen,
+  Plus,
+  Clock,
+  Layers,
+  GitCompare,
+  AlertTriangle,
+  Settings as SettingsIcon,
+  Play,
+} from 'lucide-react'
+import { useAppStore } from '../store'
+import { EmberBackground } from './ember-background'
+import { formatGitStatus } from './review-rail'
+import { StatsPanel } from './stats-panel'
+import type { GitFileStatus, SessionListItem } from '../../../shared/ipc-contracts'
+import { workspaceNameFromFolderPath } from '../../../shared/folder-drop'
+import { pathsEqual } from '../../../shared/path-compare'
+
+const MAX_RECENT_WORKSPACES = 6
+const MAX_RECENT_SESSIONS = 5
+const MAX_CHANGED_FILES = 8
+
+/**
+ * Home launcher — full splash panel (stats, recents, open folder / new session).
+ * Chat-first launch (Open to Home off) uses the empty-chat center prompt instead.
+ */
+export function HomeScreen(): React.JSX.Element {
+  return <HomeScreenInfo />
+}
+
+/**
+ * Home body: activity stats, changed files, recent workspaces/sessions.
+ */
+export function HomeInfoSummary({ compact }: { compact?: boolean }): React.JSX.Element {
+  const { t } = useTranslation()
+  const workspaces = useAppStore((s) => s.workspaces)
+  const activeWorkspace = useAppStore((s) => s.activeWorkspace)
+  const sessionList = useAppStore((s) => s.sessionList)
+  const archivedSessions = useAppStore((s) => s.archivedSessions)
+  const activateWorkspace = useAppStore((s) => s.activateWorkspace)
+  const createWorkspace = useAppStore((s) => s.createWorkspace)
+  const switchSession = useAppStore((s) => s.switchSession)
+  const setCurrentView = useAppStore((s) => s.setCurrentView)
+  const requestChatScrollToBottom = useAppStore((s) => s.requestChatScrollToBottom)
+
+  const [gitStatus, setGitStatus] = useState<Record<string, GitFileStatus>>({})
+  const [busy, setBusy] = useState(false)
+
+  useEffect(() => {
+    let cancelled = false
+    window.piDesktop.files
+      .getGitStatus()
+      .then((s) => {
+        if (!cancelled) setGitStatus(s)
+      })
+      .catch(() => {
+        if (!cancelled) setGitStatus({})
+      })
+    return () => {
+      cancelled = true
+    }
+  }, [activeWorkspace?.id])
+
+  const recentWorkspaces = useMemo(
+    () => [...workspaces].sort((a, b) => b.lastActiveAt - a.lastActiveAt).slice(0, MAX_RECENT_WORKSPACES),
+    [workspaces]
+  )
+  const recentSessions = useMemo(
+    () => sessionList.filter((s) => !(s.sessionId in archivedSessions)).slice(0, MAX_RECENT_SESSIONS),
+    [sessionList, archivedSessions]
+  )
+  const changedFiles = useMemo(
+    () =>
+      Object.entries(gitStatus)
+        .map(([path, status]) => ({ path, status }))
+        .sort((a, b) => a.path.localeCompare(b.path)),
+    [gitStatus]
+  )
+
+  const openWorkspace = async (workspaceId: string): Promise<void> => {
+    setBusy(true)
+    try {
+      if (!(await activateWorkspace(workspaceId))) return
+      if (useAppStore.getState().piStatus !== 'error') {
+        requestChatScrollToBottom()
+        setCurrentView('chat')
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const openSession = async (session: SessionListItem): Promise<void> => {
+    setBusy(true)
+    try {
+      let targetId: string | undefined
+      if (session.projectPath) {
+        let ws = useAppStore.getState().workspaces.find((w) => pathsEqual(w.path, session.projectPath))
+        if (!ws) {
+          await createWorkspace(session.projectName, session.projectPath)
+          ws = useAppStore.getState().workspaces.find((w) => pathsEqual(w.path, session.projectPath))
+        }
+        targetId = ws?.id
+      }
+      // Workspace/session activation is non-destructive; the target Pi runtime
+      // hydrates in the background while Chat opens immediately.
+      if (targetId) {
+        if (!(await activateWorkspace(targetId, { awaitingSession: true }))) return
+      }
+      if (useAppStore.getState().piStatus === 'error') return
+      await switchSession(session.path, session.projectPath)
+      requestChatScrollToBottom()
+      setCurrentView('chat')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const openChangedFiles = async (): Promise<void> => {
+    if (!activeWorkspace) return
+    setBusy(true)
+    try {
+      if (!(await activateWorkspace(activeWorkspace.id))) return
+      if (useAppStore.getState().piStatus !== 'error') setCurrentView('diff')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <div className={clsx(busy && 'pointer-events-none opacity-60', compact && 'space-y-4', 'relative z-0')}>
+      {/* The hearth — the landing's fire-dots behind the high seat too */}
+      <EmberBackground className="pointer-events-none absolute inset-0 -z-10" />
+      <StatsPanel />
+
+      <div className="grid min-w-0 gap-6 md:grid-cols-2">
+        <section className="min-w-0 space-y-3">
+          <div className="rounded-lg border border-border bg-surface/50">
+            <div className="flex items-center justify-between px-4 py-2.5">
+              <SectionLabel className="mb-0">{t('common.changedFilesHeading')}</SectionLabel>
+              <span className="rounded-full bg-card px-2 py-0.5 text-[10px] text-muted">
+                {changedFiles.length}
+              </span>
+            </div>
+            {changedFiles.length === 0 ? (
+              <div className="px-4 pb-3 text-xs text-faint">
+                {activeWorkspace ? t('common.noWorkingTreeChanges') : t('home.changedFiles.noWorkspace')}
+              </div>
+            ) : (
+              <div className="max-h-40 overflow-y-auto border-t border-border/60 py-1">
+                {changedFiles.slice(0, MAX_CHANGED_FILES).map((file) => (
+                  <button
+                    key={file.path}
+                    onClick={() => void openChangedFiles()}
+                    title={file.path}
+                    className="flex w-full items-center gap-2 px-4 py-1.5 text-left text-xs text-secondary transition-colors hover:bg-surface-hover"
+                  >
+                    <span className="shrink-0 rounded bg-card px-1.5 py-0.5 font-mono text-[10px] text-muted">
+                      {formatGitStatus(file.status)}
+                    </span>
+                    <span className="min-w-0 flex-1 truncate">{file.path}</span>
+                  </button>
+                ))}
+                {changedFiles.length > MAX_CHANGED_FILES && (
+                  <button
+                    onClick={() => void openChangedFiles()}
+                    className="flex w-full items-center gap-1.5 px-4 py-1.5 text-xs text-dim hover:text-secondary"
+                  >
+                    <GitCompare size={11} />
+                    {t('home.changedFiles.moreOpenDiff', { count: changedFiles.length - MAX_CHANGED_FILES })}
+                  </button>
+                )}
+              </div>
+            )}
+          </div>
+        </section>
+
+        <section className="min-w-0 space-y-6">
+          <div>
+            <SectionLabel>{t('home.recentWorkspaces.title')}</SectionLabel>
+            <div className="space-y-1.5">
+              {recentWorkspaces.length === 0 ? (
+                <EmptyHint>{t('home.recentWorkspaces.empty')}</EmptyHint>
+              ) : (
+                recentWorkspaces.map((ws) => (
+                  <button
+                    key={ws.id}
+                    onClick={() => void openWorkspace(ws.id)}
+                    className="group flex w-full items-center gap-3 rounded-md border border-border bg-surface/40 px-3 py-2 text-left transition-colors hover:border-border-strong hover:bg-surface-hover/60"
+                  >
+                    <Layers size={14} className="shrink-0" style={{ color: ws.color }} />
+                    <div className="min-w-0 flex-1">
+                      <div className="truncate text-sm text-primary">{ws.name}</div>
+                      <div className="truncate text-[11px] text-faint">{ws.path}</div>
+                    </div>
+                    {ws.id === activeWorkspace?.id && (
+                      <span className="shrink-0 rounded bg-accent-bg px-1.5 py-0.5 text-[10px] text-accent-fg">
+                        {t('home.recentWorkspaces.last')}
+                      </span>
+                    )}
+                  </button>
+                ))
+              )}
+            </div>
+          </div>
+
+          <div>
+            <SectionLabel>{t('home.recentSessions.title')}</SectionLabel>
+            <div className="space-y-1.5">
+              {recentSessions.length === 0 ? (
+                <EmptyHint>{t('home.recentSessions.empty')}</EmptyHint>
+              ) : (
+                recentSessions.map((session) => (
+                  <button
+                    key={session.path}
+                    onClick={() => void openSession(session)}
+                    className="flex w-full items-center gap-3 rounded-md border border-border bg-surface/40 px-3 py-2 text-left transition-colors hover:border-border-strong hover:bg-surface-hover/60"
+                  >
+                    <Clock size={13} className="shrink-0 text-faint" />
+                    <div className="min-w-0 flex-1">
+                      <div className="truncate text-sm text-secondary">
+                        {getSessionTitle(session.name, session.sessionId, session.preview)}
+                      </div>
+                      <div className="truncate text-[11px] text-faint">{session.projectName}</div>
+                    </div>
+                  </button>
+                ))
+              )}
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
+
+function PiErrorBanner(): React.JSX.Element | null {
+  const { t } = useTranslation()
+  const piStatus = useAppStore((s) => s.piStatus)
+  const piError = useAppStore((s) => s.piError)
+  const engineLabel = useAppStore((s) => agentEngineLabel(s.piEngine) ?? DEFAULT_AGENT_ENGINE_LABEL)
+  const setCurrentView = useAppStore((s) => s.setCurrentView)
+  if (piStatus !== 'error' || !piError) return null
+  return (
+    <div className="mb-6 flex items-start gap-3 rounded-lg border border-error-bg bg-error-bg px-4 py-3 text-sm text-error">
+      <AlertTriangle size={16} className="mt-0.5 shrink-0" />
+      <div className="flex-1">
+        <div className="font-medium">{t('home.errorBanner.couldntStart', { agent: engineLabel })}</div>
+        <div className="mt-0.5 text-error/80">{piError}</div>
+        <div className="mt-1 text-xs text-error/70">{t('home.errorBanner.checkInstalled', { agent: engineLabel })}</div>
+      </div>
+      <button
+        onClick={() => setCurrentView('settings')}
+        className="flex shrink-0 items-center gap-1.5 rounded-md bg-error/25 px-2.5 py-1 text-xs text-error hover:bg-error/40"
+      >
+        <SettingsIcon size={12} />
+        {t('common.settings')}
+      </button>
+    </div>
+  )
+}
+
+function SectionLabel({
+  children,
+  className,
+}: {
+  children: React.ReactNode
+  className?: string
+}): React.JSX.Element {
+  return (
+    <div className={clsx('mb-2 text-xs font-medium uppercase tracking-wide text-dim', className)}>
+      {children}
+    </div>
+  )
+}
+
+function EmptyHint({ children }: { children: React.ReactNode }): React.JSX.Element {
+  return (
+    <div className="rounded-md border border-border bg-surface/40 px-3 py-2 text-xs text-faint">{children}</div>
+  )
+}
+
+function HomeScreenInfo(): React.JSX.Element {
+  const { t } = useTranslation()
+  const activeWorkspace = useAppStore((s) => s.activeWorkspace)
+  const activateWorkspace = useAppStore((s) => s.activateWorkspace)
+  const createWorkspace = useAppStore((s) => s.createWorkspace)
+  const createNewSession = useAppStore((s) => s.createNewSession)
+  const setTaskLauncherOpen = useAppStore((s) => s.setTaskLauncherOpen)
+  const setCurrentView = useAppStore((s) => s.setCurrentView)
+  const requestChatScrollToBottom = useAppStore((s) => s.requestChatScrollToBottom)
+  const [busy, setBusy] = useState(false)
+
+  const goChatUnlessError = (): void => {
+    if (useAppStore.getState().piStatus !== 'error') {
+      requestChatScrollToBottom()
+      setCurrentView('chat')
+    }
+  }
+
+  const openFolder = async (): Promise<void> => {
+    const path = await window.piDesktop.system.openDialog({ title: t('dialogs.openFolder.title') })
+    if (!path) return
+    setBusy(true)
+    try {
+      let ws = useAppStore.getState().workspaces.find((w) => pathsEqual(w.path, path))
+      if (!ws) {
+        await createWorkspace(workspaceNameFromFolderPath(path), path)
+        ws = useAppStore.getState().workspaces.find((w) => pathsEqual(w.path, path))
+      }
+      if (ws) {
+        if (!(await activateWorkspace(ws.id))) return
+        goChatUnlessError()
+      }
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const newSession = async (): Promise<void> => {
+    if (!activeWorkspace) {
+      await openFolder()
+      return
+    }
+    setBusy(true)
+    try {
+      if (!(await activateWorkspace(activeWorkspace.id))) return
+      if (useAppStore.getState().piStatus === 'error') return
+      await createNewSession()
+      requestChatScrollToBottom()
+      setCurrentView('chat')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  return (
+    <div className="flex-1 overflow-y-auto">
+      <div className={clsx('mx-auto max-w-[952px] px-8 py-12', busy && 'pointer-events-none opacity-60')}>
+        <PiErrorBanner />
+
+        <div className="mb-6 flex flex-col items-center text-center">
+          <img src={piLogo} alt={SESSRUMNIR_PRODUCT_NAME} className="h-16 w-16" />
+          <h1 className="mt-4 text-2xl font-semibold text-primary">{SESSRUMNIR_PRODUCT_NAME}</h1>
+          <p className="mt-1 text-sm text-dim">{t('home.subtitle')}</p>
+        </div>
+
+        <div className="mb-6 grid gap-3 sm:grid-cols-3">
+          <button
+            onClick={() => void openFolder()}
+            className="flex w-full items-center gap-3 rounded-lg border border-border-strong bg-surface px-4 py-3 text-left transition-colors hover:border-border-strong-hover hover:bg-surface-hover"
+          >
+            <FolderOpen size={18} className="shrink-0 text-muted" />
+            <div className="min-w-0">
+              <div className="text-sm font-medium text-primary">{t('home.actions.openFolder.title')}</div>
+              <div className="text-xs text-dim">{t('home.actions.openFolder.description')}</div>
+            </div>
+          </button>
+          <button
+            onClick={() => void newSession()}
+            className="flex w-full items-center gap-3 rounded-lg border border-border bg-surface/50 px-4 py-3 text-left transition-colors hover:border-border-strong hover:bg-surface-hover/60"
+          >
+            <Plus size={18} className="shrink-0 text-muted" />
+            <div className="min-w-0">
+              <div className="text-sm font-medium text-primary">{t('common.newSession')}</div>
+              <div className="truncate text-xs text-dim">
+                {activeWorkspace
+                  ? t('home.actions.newSession.inWorkspace', { project: activeWorkspace.name })
+                  : t('home.actions.newSession.pickFolderFirst')}
+              </div>
+            </div>
+          </button>
+          <button
+            onClick={() => setTaskLauncherOpen(true)}
+            className="flex w-full items-center gap-3 rounded-lg border border-accent/50 bg-accent-bg/30 px-4 py-3 text-left transition-colors hover:border-accent hover:bg-accent-bg/50"
+          >
+            <Play size={18} className="shrink-0 text-accent-fg" />
+            <div className="min-w-0">
+              <div className="text-sm font-medium text-primary">{t('home.actions.newTask.title')}</div>
+              <div className="truncate text-xs text-dim">{t('home.actions.newTask.description')}</div>
+            </div>
+          </button>
+        </div>
+
+        <HomeInfoSummary />
+      </div>
+    </div>
+  )
+}