ikanban-web 0.2.11 → 0.2.13

package/src/pages/home/helpers.test.ts

@@ -0,0 +1,62 @@
+import { describe, expect, test } from "bun:test"
+import type { Session } from "@opencode-ai/sdk/v2/client"
+import { buildBoardColumns, trackedProjectDirectories } from "./helpers"
+
+const session = (input: Partial<Session> & Pick<Session, "id">) =>
+  ({
+    title: input.id,
+    version: "v2",
+    messageCount: 0,
+    permissions: { session: {}, share: {} },
+    time: { created: 0, updated: 0, archived: undefined },
+    ...input,
+  }) as Session
+
+describe("trackedProjectDirectories", () => {
+  test("keeps only unique opened project directories", () => {
+    expect(
+      trackedProjectDirectories([
+        { worktree: "/open" },
+        { worktree: "/open" },
+        { worktree: "/other" },
+      ]),
+    ).toEqual(["/open", "/other"])
+  })
+})
+
+describe("buildBoardColumns", () => {
+  test("shows sessions only for opened projects", () => {
+    const columns = buildBoardColumns({
+      projectDirectories: ["/open"],
+      sessionsByProject: {
+        "/open": [session({ id: "open-session", title: "Open session" })],
+        "/closed": [session({ id: "closed-session", title: "Closed session" })],
+      },
+      statusesByProject: {},
+    })
+
+    expect(columns.idle.map((card) => card.session.id)).toEqual(["open-session"])
+    expect(columns.progress).toEqual([])
+  })
+
+  test("deduplicates the same session across projects and keeps progress state", () => {
+    const shared = session({ id: "session-1", title: "Shared", time: { created: 1, updated: 2, archived: undefined } })
+
+    const columns = buildBoardColumns({
+      projectDirectories: ["/open", "/other-open"],
+      sessionsByProject: {
+        "/open": [shared],
+        "/other-open": [shared],
+      },
+      statusesByProject: {
+        "/other-open": {
+          "session-1": { type: "busy" },
+        },
+      },
+    })
+
+    expect(columns.progress).toHaveLength(1)
+    expect(columns.progress[0]?.session.id).toBe("session-1")
+    expect(columns.idle).toEqual([])
+  })
+})

package/src/pages/home/helpers.ts

@@ -0,0 +1,80 @@
+import type { Session } from "@opencode-ai/sdk/v2/client"
+
+export type BoardColumn = "progress" | "idle"
+
+export type BoardCard = {
+  session: Session
+  projectDirectory: string
+  updatedAt: number
+}
+
+type OpenProject = { worktree: string }
+
+type SessionStatus = {
+  type?: string
+}
+
+export function trackedProjectDirectories(projects: OpenProject[]) {
+  return [...new Set(projects.map((project) => project.worktree).filter(Boolean))]
+}
+
+export function buildBoardColumns(input: {
+  projectDirectories: string[]
+  sessionsByProject: Record<string, Session[]>
+  statusesByProject: Record<string, Record<string, SessionStatus | undefined>>
+}) {
+  const cards = new Map<string, BoardCard & { column: BoardColumn }>()
+
+  for (const directory of input.projectDirectories) {
+    const sessions = input.sessionsByProject[directory] ?? []
+    const statuses = input.statusesByProject[directory] ?? {}
+
+    for (const session of sessions) {
+      if (!session?.id || session.time?.archived) continue
+
+      const updatedAt = session.time.updated ?? session.time.created ?? 0
+      const nextColumn: BoardColumn =
+        statuses[session.id]?.type === "busy" || statuses[session.id]?.type === "retry"
+          ? "progress"
+          : "idle"
+
+      const existing = cards.get(session.id)
+      if (!existing) {
+        cards.set(session.id, {
+          column: nextColumn,
+          projectDirectory: directory,
+          session,
+          updatedAt,
+        })
+        continue
+      }
+
+      if (nextColumn === "progress") existing.column = "progress"
+
+      if (updatedAt > existing.updatedAt) {
+        existing.projectDirectory = directory
+        existing.session = session
+        existing.updatedAt = updatedAt
+      }
+    }
+  }
+
+  const columns: Record<BoardColumn, BoardCard[]> = {
+    progress: [],
+    idle: [],
+  }
+
+  for (const card of cards.values()) {
+    columns[card.column].push({
+      projectDirectory: card.projectDirectory,
+      session: card.session,
+      updatedAt: card.updatedAt,
+    })
+  }
+
+  for (const key of Object.keys(columns) as BoardColumn[]) {
+    columns[key].sort((a, b) => b.updatedAt - a.updatedAt)
+  }
+
+  return columns
+}

package/src/pages/home.tsx

@@ -16,14 +16,7 @@ import { useGlobalSync } from "@/context/global-sync";
 import { useLanguage } from "@/context/language";
 import { IconButton } from "ikanban-ui/icon-button";
 import type { Session } from "@opencode-ai/sdk/v2/client";
-
-type BoardColumn = "progress" | "idle";
-
-type BoardCard = {
-  session: Session;
-  projectDirectory: string;
-  updatedAt: number;
-};
+import { buildBoardColumns, trackedProjectDirectories, type BoardCard, type BoardColumn } from "./home/helpers";
 
 const homeStyles = {
   border: { border: "1px solid var(--border-weak-base)" },
@@ -62,18 +55,10 @@ export default function Home() {
   const globalSDK = useGlobalSDK();
   const server = useServer();
   const language = useLanguage();
-  const projects = createMemo(() => {
-    return sync.data.project
-      .slice()
-      .sort(
-        (a, b) =>
-          (b.time.updated ?? b.time.created) -
-          (a.time.updated ?? a.time.created),
-      );
-  });
+  const trackedProjects = createMemo(() => trackedProjectDirectories(server.projects.list()));
 
   const [rootSessions, { mutate: mutateRootSessions }] = createResource(
-    () => projects().map((project) => project.worktree),
+    trackedProjects,
     async (directories) => {
       const entries = await Promise.all(
         directories.map(async (directory) => {
@@ -95,45 +80,24 @@ export default function Home() {
   );
 
   const boardColumns = createMemo<Record<BoardColumn, BoardCard[]>>(() => {
-    const now = Date.now();
-    const columns: Record<BoardColumn, BoardCard[]> = {
-      progress: [],
-      idle: [],
-    };
     const sessionsByProject = rootSessions() ?? {};
+    const statusesByProject = Object.fromEntries(
+      trackedProjects().map((directory) => {
+        const [store] = sync.child(directory);
+        return [directory, store.session_status] as const;
+      }),
+    );
 
-    for (const project of projects()) {
-      const [store] = sync.child(project.worktree);
-      const sessions = sessionsByProject[project.worktree] ?? [];
-
-      for (const session of sessions) {
-        const status = store.session_status[session.id];
-        const updatedAt = session.time.updated ?? session.time.created;
-        const card = {
-          session,
-          projectDirectory: project.worktree,
-          updatedAt,
-        };
-
-        if (status?.type === "busy" || status?.type === "retry") {
-          columns.progress.push(card);
-          continue;
-        }
-
-        columns.idle.push(card);
-      }
-    }
-
-    for (const key of Object.keys(columns) as BoardColumn[]) {
-      columns[key].sort((a, b) => b.updatedAt - a.updatedAt);
-    }
-
-    return columns;
+    return buildBoardColumns({
+      projectDirectories: trackedProjects(),
+      sessionsByProject,
+      statusesByProject,
+    });
   });
 
   createEffect(() => {
-    for (const project of projects()) {
-      sync.child(project.worktree);
+    for (const directory of trackedProjects()) {
+      sync.child(directory);
     }
   });
 
@@ -249,7 +213,7 @@ export default function Home() {
       </div>
 
       <Switch>
-        <Match when={projects().length > 0}>
+        <Match when={trackedProjects().length > 0}>
           <div class="mt-6 flex w-full flex-col gap-6">
             <section class="flex flex-col gap-4">
               <div class="grid gap-3 lg:grid-cols-2">

package/src/pages/layout/sidebar-project.tsx

@@ -8,7 +8,7 @@ import { Icon } from "ikanban-ui/icon"
 import { IconButton } from "ikanban-ui/icon-button"
 import { Tooltip } from "ikanban-ui/tooltip"
 import { createSortable } from "@thisbeyond/solid-dnd"
-import { useLayout, type LocalProject } from "@/context/layout"
+import { type LocalProject } from "@/context/layout"
 import { useGlobalSync } from "@/context/global-sync"
 import { useLanguage } from "@/context/language"
 import { useNotification } from "@/context/notification"
@@ -77,7 +77,6 @@ const ProjectTile = (props: {
   language: ReturnType<typeof useLanguage>
 }): JSX.Element => {
   const notification = useNotification()
-  const layout = useLayout()
   const unseenCount = createMemo(() =>
     props.dirs().reduce((total, directory) => total + notification.project.unseenCount(directory), 0),
   )
@@ -127,7 +126,6 @@ const ProjectTile = (props: {
         onClick={() => {
           if (props.selected()) {
             props.setSuppressHover(true)
-            layout.sidebar.toggle()
             return
           }
           props.setSuppressHover(false)

package/src/pages/layout/sidebar-shell-helpers.ts

@@ -1 +1 @@
-export const sidebarExpanded = (mobile: boolean | undefined, opened: boolean) => !!mobile || opened
+export const sidebarExpanded = (mobile: boolean | undefined, _opened: boolean) => !!mobile

package/src/pages/layout/sidebar-shell.test.ts

@@ -6,8 +6,8 @@ describe("sidebarExpanded", () => {
     expect(sidebarExpanded(true, false)).toBe(true)
   })
 
-  test("follows desktop open state when not mobile", () => {
-    expect(sidebarExpanded(false, true)).toBe(true)
+  test("stays closed on desktop now that the sidebar pane is removed", () => {
+    expect(sidebarExpanded(false, true)).toBe(false)
     expect(sidebarExpanded(false, false)).toBe(false)
   })
 })

package/src/pages/layout.tsx

@@ -770,13 +770,6 @@ export default function Layout(props: ParentProps) {
 
   command.register("layout", () => {
     const commands: CommandOption[] = [
-      {
-        id: "sidebar.toggle",
-        title: language.t("command.sidebar.toggle"),
-        category: language.t("command.category.view"),
-        keybind: "mod+b",
-        onSelect: () => layout.sidebar.toggle(),
-      },
       {
         id: "file.open",
         title: language.t("command.file.open"),
@@ -1471,12 +1464,7 @@ export default function Layout(props: ParentProps) {
   )
 
   createEffect(() => {
-    if (!hasDirectoryRoute()) {
-      document.documentElement.style.setProperty("--dialog-left-margin", "0px")
-      return
-    }
-    const sidebarWidth = layout.sidebar.opened() ? layout.sidebar.width() : 48
-    document.documentElement.style.setProperty("--dialog-left-margin", `${sidebarWidth}px`)
+    document.documentElement.style.setProperty("--dialog-left-margin", "0px")
   })
 
   const loadedSessionDirs = new Set<string>()
@@ -1922,137 +1910,58 @@ export default function Layout(props: ParentProps) {
       </Show>
       <div class="flex-1 min-h-0 flex">
         <Show when={hasDirectoryRoute()}>
-          <>
-            <nav
-              aria-label={language.t("sidebar.nav.projectsAndSessions")}
-              data-component="sidebar-nav-desktop"
+          <div class="xl:hidden">
+            <div
               classList={{
-                "hidden xl:block": true,
-                "relative shrink-0": true,
-              }}
-              style={{ width: layout.sidebar.opened() ? `${Math.max(layout.sidebar.width(), 244)}px` : "64px" }}
-              ref={(el) => {
-                setState("nav", el)
+                "fixed inset-x-0 top-10 bottom-0 z-40 transition-opacity duration-200": true,
+                "opacity-100 pointer-events-auto": layout.mobileSidebar.opened(),
+                "opacity-0 pointer-events-none": !layout.mobileSidebar.opened(),
               }}
-              onMouseEnter={() => {
-                if (navLeave.current === undefined) return
-                clearTimeout(navLeave.current)
-                navLeave.current = undefined
+              onClick={(e) => {
+                if (e.target === e.currentTarget) layout.mobileSidebar.hide()
               }}
-              onMouseLeave={() => {
-                aim.reset()
-                if (!sidebarHovering()) return
-
-                if (navLeave.current !== undefined) clearTimeout(navLeave.current)
-                navLeave.current = window.setTimeout(() => {
-                  navLeave.current = undefined
-                  setHoverProject(undefined)
-                  setState("hoverSession", undefined)
-                }, 300)
+            />
+            <nav
+              aria-label={language.t("sidebar.nav.projectsAndSessions")}
+              data-component="sidebar-nav-mobile"
+              classList={{
+                "@container fixed top-10 bottom-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true,
+                "translate-x-0": layout.mobileSidebar.opened(),
+                "-translate-x-full": !layout.mobileSidebar.opened(),
               }}
+              onClick={(e) => e.stopPropagation()}
             >
-              <div class="@container w-full h-full contain-strict">
-                <SidebarContent
-                  opened={() => layout.sidebar.opened()}
-                  aimMove={aim.move}
-                  projects={() => layout.projects.list()}
-                  renderProject={(project) => (
-                    <SortableProject ctx={projectSidebarCtx} project={project} sortNow={sortNow} />
-                  )}
-                  handleDragStart={handleDragStart}
-                  handleDragEnd={handleDragEnd}
-                  handleDragOver={handleDragOver}
-                  openProjectLabel={language.t("command.project.open")}
-                  openProjectKeybind={() => command.keybind("project.open")}
-                  onOpenProject={chooseProject}
-                  renderProjectOverlay={() => (
-                    <ProjectDragOverlay projects={() => layout.projects.list()} activeProject={() => store.activeProject} />
-                  )}
-                  settingsLabel={() => language.t("sidebar.settings")}
-                  settingsKeybind={() => command.keybind("settings.open")}
-                  onOpenSettings={openSettings}
-                  helpLabel={() => language.t("sidebar.help")}
-                  onOpenHelp={() => platform.openLink("https://github.com/isomoes/ikanban/issues")}
-                  renderPanel={() => (
-                    <Show when={currentProject()} keyed>
-                      {(project) => <SidebarPanel project={project} />}
-                    </Show>
-                  )}
-                />
-              </div>
-              <Show when={!layout.sidebar.opened() ? hoverProjectData()?.worktree : undefined} keyed>
-                {(worktree) => (
-                  <div class="absolute inset-y-0 left-16 z-50 flex" onMouseEnter={aim.reset}>
-                    <SidebarPanel project={hoverProjectData()} />
-                  </div>
+              <SidebarContent
+                mobile
+                opened={() => false}
+                aimMove={aim.move}
+                projects={() => layout.projects.list()}
+                renderProject={(project) => (
+                  <SortableProject ctx={projectSidebarCtx} project={project} sortNow={sortNow} mobile />
                 )}
-              </Show>
-              <Show when={layout.sidebar.opened()}>
-                <ResizeHandle
-                  direction="horizontal"
-                  size={layout.sidebar.width()}
-                  min={244}
-                  max={typeof window === "undefined" ? 1000 : window.innerWidth * 0.3 + 64}
-                  collapseThreshold={244}
-                  onResize={layout.sidebar.resize}
-                  onCollapse={layout.sidebar.close}
-                />
-              </Show>
-            </nav>
-            <div class="xl:hidden">
-              <div
-                classList={{
-                  "fixed inset-x-0 top-10 bottom-0 z-40 transition-opacity duration-200": true,
-                  "opacity-100 pointer-events-auto": layout.mobileSidebar.opened(),
-                  "opacity-0 pointer-events-none": !layout.mobileSidebar.opened(),
-                }}
-                onClick={(e) => {
-                  if (e.target === e.currentTarget) layout.mobileSidebar.hide()
-                }}
+                handleDragStart={handleDragStart}
+                handleDragEnd={handleDragEnd}
+                handleDragOver={handleDragOver}
+                openProjectLabel={language.t("command.project.open")}
+                openProjectKeybind={() => command.keybind("project.open")}
+                onOpenProject={chooseProject}
+                renderProjectOverlay={() => (
+                  <ProjectDragOverlay projects={() => layout.projects.list()} activeProject={() => store.activeProject} />
+                )}
+                settingsLabel={() => language.t("sidebar.settings")}
+                settingsKeybind={() => command.keybind("settings.open")}
+                onOpenSettings={openSettings}
+                helpLabel={() => language.t("sidebar.help")}
+                onOpenHelp={() => platform.openLink("https://github.com/isomoes/ikanban/issues")}
+                renderPanel={() => <SidebarPanel project={currentProject()} mobile />}
               />
-              <nav
-                aria-label={language.t("sidebar.nav.projectsAndSessions")}
-                data-component="sidebar-nav-mobile"
-                classList={{
-                  "@container fixed top-10 bottom-0 left-0 z-50 w-72 bg-background-base transition-transform duration-200 ease-out": true,
-                  "translate-x-0": layout.mobileSidebar.opened(),
-                  "-translate-x-full": !layout.mobileSidebar.opened(),
-                }}
-                onClick={(e) => e.stopPropagation()}
-              >
-                <SidebarContent
-                  mobile
-                  opened={() => layout.sidebar.opened()}
-                  aimMove={aim.move}
-                  projects={() => layout.projects.list()}
-                  renderProject={(project) => (
-                    <SortableProject ctx={projectSidebarCtx} project={project} sortNow={sortNow} mobile />
-                  )}
-                  handleDragStart={handleDragStart}
-                  handleDragEnd={handleDragEnd}
-                  handleDragOver={handleDragOver}
-                  openProjectLabel={language.t("command.project.open")}
-                  openProjectKeybind={() => command.keybind("project.open")}
-                  onOpenProject={chooseProject}
-                  renderProjectOverlay={() => (
-                    <ProjectDragOverlay projects={() => layout.projects.list()} activeProject={() => store.activeProject} />
-                  )}
-                  settingsLabel={() => language.t("sidebar.settings")}
-                  settingsKeybind={() => command.keybind("settings.open")}
-                  onOpenSettings={openSettings}
-                  helpLabel={() => language.t("sidebar.help")}
-                  onOpenHelp={() => platform.openLink("https://github.com/isomoes/ikanban/issues")}
-                  renderPanel={() => <SidebarPanel project={currentProject()} mobile />}
-                />
-              </nav>
-            </div>
-          </>
+            </nav>
+          </div>
         </Show>
 
         <main
           classList={{
             "size-full overflow-x-hidden flex flex-col items-start contain-strict border-t border-border-weak-base": true,
-            "xl:border-l xl:rounded-tl-[12px]": hasDirectoryRoute() && !layout.sidebar.opened(),
             "border-t-0": !hasDirectoryRoute(),
           }}
         >

package/dist/assets/home-DmwjxlRp.js

@@ -1 +0,0 @@
-import{u as Q,a as U,b as W,c as X,d as Y,e as Z,f as ee,g as te,h as R,i as re,j as se,k as t,l as s,L as ae,B as L,m as y,n as oe,o as ne,D as ie,M as O,I as F,s as $,S as q,p as K,q as le,t as b,F as ce,r as de,v as ue,w as ge}from"./index-CE2ZqGRp.js";var me=b("<div>"),ve=b('<div class="mt-6 flex w-full flex-col gap-6"><section class="flex flex-col gap-4"><div class="grid gap-3 lg:grid-cols-2">'),be=b('<div class="mt-6 rounded-2xl border border-dashed px-6 py-10 shadow-xs-border-base"><div class="mx-auto flex max-w-md flex-col items-center gap-3 text-center"><div class="flex size-12 items-center justify-center rounded-2xl border shadow-xs-border-base"></div><div class="flex flex-col gap-1 items-center justify-center"><div class="text-14-medium text-text-strong"></div><div class="text-12-regular text-text-weak">'),fe=b('<div class="mx-auto w-full max-w-7xl px-4 py-6 md:px-6 md:py-8"><div class="flex flex-col gap-4 md:flex-row md:items-start md:justify-between"><div class=min-w-0><div class="flex items-center gap-3"><div class="flex size-10 items-center justify-center rounded-2xl border shadow-xs-border-base"></div><div><div class="text-18-medium text-text-strong"></div><div class="mt-0.5 text-12-regular text-text-weak"></div></div></div></div><div class="flex items-center gap-2 self-start md:justify-end">'),xe=b('<div class="rounded-xl border border-dashed px-3 py-8 text-center text-12-regular text-text-weak">'),pe=b('<section class="rounded-2xl p-3 md:p-4 min-h-72 shadow-xs-border-base"><div class="flex items-center justify-between gap-3"><div class="flex items-center gap-2 min-w-0"><div></div><div class="text-14-medium text-text-strong"></div></div><div class="text-12-mono text-text-weak"></div></div><div class="mt-3 flex flex-col gap-2">'),he=b('<span class="min-w-0 flex-1 truncate text-12-regular text-text-weak">'),we=b('<div class="flex shrink-0 items-center gap-2 text-12-regular text-text-weak"><span>'),ke=b('<div class="overflow-hidden rounded-xl transition-colors"><div class="flex items-start justify-between gap-3 px-3 pt-3"><div class="min-w-0 flex-1 pt-1"><div class="truncate text-14-medium leading-tight text-text-strong">');const x={border:{border:"1px solid var(--border-weak-base)"},heroIcon:{border:"1px solid var(--border-weak-base)",background:"linear-gradient(135deg, color-mix(in srgb, var(--text-interactive-base) 12%, var(--background-stronger)), var(--background-stronger))"},emptyPanel:{"border-color":"var(--border-weak-base)",background:"linear-gradient(180deg, color-mix(in srgb, var(--surface-base-hover) 35%, var(--background-stronger)), var(--background-stronger))"},emptyIcon:{border:"1px solid var(--border-weak-base)",background:"linear-gradient(135deg, color-mix(in srgb, var(--text-interactive-base) 10%, var(--surface-inset-base)), var(--surface-inset-base))"},card:{border:"1px solid var(--border-weak-base)",background:"var(--background-base)"},emptyState:{"border-color":"var(--border-weak-base)",background:"linear-gradient(180deg, color-mix(in srgb, var(--surface-base-hover) 30%, var(--surface-inset-base)), var(--surface-inset-base))"}};function $e(){const o=Q(),B=U(),P=W(),p=X(),_=Y(),j=Z(),m=ee(),l=te(),h=R(()=>o.data.project.slice().sort((e,r)=>(r.time.updated??r.time.created)-(e.time.updated??e.time.created))),[E,{mutate:a}]=re(()=>h().map(e=>e.worktree),async e=>{const r=await Promise.all(e.map(async n=>{const d=((await j.client.session.list({directory:n,roots:!0})).data??[]).filter(v=>!!v?.id&&!v.time?.archived);return[n,d]}));return Object.fromEntries(r)}),u=R(()=>{const e={progress:[],idle:[]},r=E()??{};for(const n of h()){const[c]=o.child(n.worktree),d=r[n.worktree]??[];for(const v of d){const C=c.session_status[v.id],M=v.time.updated??v.time.created,S={session:v,projectDirectory:n.worktree,updatedAt:M};if(C?.type==="busy"||C?.type==="retry"){e.progress.push(S);continue}e.idle.push(S)}}for(const n of Object.keys(e))e[n].sort((c,d)=>d.updatedAt-c.updatedAt);return e});se(()=>{for(const e of h())o.child(e.worktree)});const f=R(()=>{const e=m.healthy();return e===!0?"bg-icon-success-base":e===!1?"bg-icon-critical-base":"bg-border-weak-base"});function z(e){B.projects.open(e),m.projects.touch(e),_(`/${K(e)}`)}function A(e,r){B.projects.open(e),m.projects.touch(e),_(`/${K(e)}/${r}`)}async function i(e,r){const[,n]=o.child(e,{bootstrap:!1});await j.client.session.update({sessionID:r,time:{archived:Date.now()}}),a(c=>c?.[e]?{...c,[e]:c[e].filter(d=>d.id!==r)}:c),n("session",c=>c.filter(d=>d.id!==r))}async function I(){function e(r){if(Array.isArray(r))for(const n of r)z(n);else r&&z(r)}if(P.openDirectoryPickerDialog&&m.isLocal()){const r=await P.openDirectoryPickerDialog?.({title:l.t("command.project.open"),multiple:!0});e(r)}else p.show(()=>s(le,{multiple:!0,onSelect:e}),()=>e(null))}return(()=>{var e=fe(),r=e.firstChild,n=r.firstChild,c=n.firstChild,d=c.firstChild,v=d.nextSibling,C=v.firstChild,M=C.nextSibling,S=n.nextSibling;return t(d,s(ae,{class:"w-6 opacity-90"})),t(C,()=>l.t("home.sessionBoard")),t(M,()=>l.t("home.sessionBoard.description")),t(S,s(L,{icon:"folder-add-left",size:"normal",class:"pl-2 pr-3",onClick:I,get children(){return l.t("command.project.open")}}),null),t(S,s(L,{size:"normal",variant:"ghost",class:"pr-3 text-13-regular text-text-weak",onClick:()=>p.show(()=>s(ie,{})),get children(){return[(()=>{var g=me();return y(w=>oe(g,{"size-2 rounded-full":!0,[f()]:!0},w)),g})(),ne(()=>m.name)]}}),null),t(e,s(q,{get children(){return[s(O,{get when(){return h().length>0},get children(){var g=ve(),w=g.firstChild,k=w.firstChild;return t(k,s(N,{get title(){return l.t("home.sessionBoard.progress")},icon:"brain",tone:"progress",get cards(){return u().progress},onOpen:A,onArchive:i,get empty(){return l.t("home.sessionBoard.emptyProgress")}}),null),t(k,s(N,{get title(){return l.t("home.sessionBoard.idle")},icon:"dash",tone:"idle",get cards(){return u().idle},onOpen:A,onArchive:i,get empty(){return l.t("home.sessionBoard.emptyIdle")}}),null),g}}),s(O,{when:!0,get children(){var g=be(),w=g.firstChild,k=w.firstChild,H=k.nextSibling,G=H.firstChild,T=G.nextSibling;return t(k,s(F,{name:"folder-add-left",size:"large"})),t(G,()=>l.t("home.empty.title")),t(T,()=>l.t("home.empty.description")),t(w,s(L,{class:"mt-1 px-3",onClick:I,get children(){return l.t("command.project.open")}}),null),y(D=>{var V=x.emptyPanel,J=x.emptyIcon;return D.e=$(g,V,D.e),D.t=$(k,J,D.t),D},{e:void 0,t:void 0}),g}})]}}),null),y(g=>$(d,x.heroIcon,g)),e})()}function N(o){const B=()=>o.tone==="progress"?"bg-surface-base-hover text-icon-success-base border-border-weak-base":"bg-surface-inset-base text-icon-base border-border-weak-base",P=()=>o.tone==="progress"?{...x.border,background:"linear-gradient(180deg, color-mix(in srgb, var(--text-interactive-base) 8%, var(--background-stronger)), var(--background-stronger))"}:{...x.border,background:"linear-gradient(180deg, color-mix(in srgb, var(--surface-inset-base) 55%, var(--background-stronger)), var(--background-stronger))"};return(()=>{var p=pe(),_=p.firstChild,j=_.firstChild,m=j.firstChild,l=m.nextSibling,h=j.nextSibling,E=_.nextSibling;return t(m,s(F,{get name(){return o.icon},size:"small"})),t(l,()=>o.title),t(h,()=>o.cards.length),t(E,s(q,{get children(){return[s(O,{get when(){return o.cards.length>0},get children(){return s(ce,{get each(){return o.cards},children:a=>(()=>{var u=ke(),f=u.firstChild,z=f.firstChild,A=z.firstChild;return t(A,()=>a.session.title),t(f,s(de,{icon:"archive",variant:"ghost",class:"size-7 rounded-md","aria-label":"Archive session",onClick:i=>{i.preventDefault(),i.stopPropagation(),o.onArchive(a.projectDirectory,a.session.id)}}),null),t(u,s(L,{variant:"ghost",class:"flex h-auto w-full min-w-0 items-center justify-between gap-3 rounded-none border-0 bg-transparent px-3 pb-3 pt-2 text-left",onClick:()=>o.onOpen(a.projectDirectory,a.session.id),get children(){return[(()=>{var i=he();return t(i,()=>a.projectDirectory.replace(/^.*?([^/\\]+(?:[/\\][^/\\]+)?)$/,"$1")),i})(),(()=>{var i=we(),I=i.firstChild;return t(I,()=>ue.fromMillis(a.updatedAt).toRelative()),t(i,s(F,{name:"arrow-right",size:"small",class:"text-icon-weak shrink-0"}),null),i})()]}}),null),y(i=>$(u,x.card,i)),u})()})}}),s(O,{when:!0,get children(){var a=xe();return t(a,()=>o.empty),y(u=>$(a,x.emptyState,u)),a}})]}})),y(a=>{var u=P(),f=`size-7 rounded-full border flex items-center justify-center ${B()}`;return a.e=$(p,u,a.e),f!==a.t&&ge(m,a.t=f),a},{e:void 0,t:void 0}),p})()}export{$e as default};