@telepath-computer/television 0.1.1 → 0.1.3

package/dist/browser/assets/index-W7D1rDld.css

@@ -0,0 +1 @@
+artifact-view{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:10px;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.artifact-title-bar{display:flex;align-items:center;height:34px;padding:0 12px;flex-shrink:0;border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none}.artifact-title{flex:1;font-size:13px;font-weight:500;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.artifact-close-btn:hover{background:var(--color-interactive);color:var(--color-text)}.artifact-content{flex:1;min-height:0;overflow-y:auto;padding:16px 20px}.markdown-body{font-size:14px;line-height:1.6;color:var(--color-text)}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-weight:600;margin:1.25em 0 .5em}.markdown-body h1{font-size:1.4em}.markdown-body h2{font-size:1.2em}.markdown-body h3{font-size:1.05em}.markdown-body p{margin:.75em 0}.markdown-body code{font-family:var(--font-mono);font-size:.9em;background:var(--color-interactive);padding:.15em .35em;border-radius:4px}.markdown-body pre{background:var(--color-interactive);border-radius:6px;padding:12px 14px;overflow-x:auto}.markdown-body pre code{background:none;padding:0}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin:.75em 0}.markdown-body blockquote{margin:.75em 0;padding-left:1em;border-left:3px solid var(--color-border);color:var(--color-text-muted)}.markdown-body a{color:var(--color-text);text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:1em 0}layout-stream{width:100%;flex:1;min-width:0;min-height:0;display:flex;align-items:center;overflow:hidden;outline:none;position:relative;--layout-col-width: 300px;--layout-row-height: 133.33px;--layout-gap: 16px}layout-stream .track{display:flex;align-items:start;gap:var(--layout-gap);flex-shrink:0;width:max-content;will-change:transform;transition:transform .2s ease}layout-stream .band{display:grid;grid-template-rows:repeat(6,var(--layout-row-height));gap:var(--layout-gap);align-self:start}layout-stream .band[layout-band-cols="1"]{grid-template-columns:var(--layout-col-width);width:var(--layout-col-width)}layout-stream .band[layout-band-cols="2"]{grid-template-columns:repeat(2,var(--layout-col-width));width:calc(var(--layout-col-width) * 2 + var(--layout-gap))}layout-stream .card-slot{border-radius:12px;box-sizing:border-box;cursor:pointer;min-width:0;min-height:0}layout-stream .card-slot.placeholder{background:#94a3b829;border:2px dashed rgba(148,163,184,.7);box-shadow:inset 0 0 0 1px #0f172a0d}layout-stream .card-slot.dragging{position:fixed;z-index:100;opacity:.7;transform:rotate(2deg);pointer-events:none;cursor:grabbing}layout-stream .card-slot artifact-view{width:100%;height:100%}workspace-view{width:100%;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}workspace-view [data-testid=empty-workspace]{margin:0;padding:1rem}television-app{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:"header" "main"}television-app>header{grid-area:header}television-app>main{grid-area:main;grid-row:1 / -1}body.electron television-app>header{-webkit-app-region:drag;padding-left:80px;border-bottom:1px solid var(--color-border)}header{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;flex-shrink:0;-webkit-user-select:none;user-select:none}television-app>header>nav{display:flex;align-items:center;gap:8px;min-width:0}workspace-picker,workspace-picker [trigger],button[variant=toolbar],.settings-server-remove-button,.settings-submit-button,.settings-cancel-button,.settings-connect-button,.settings-field input{-webkit-app-region:no-drag}workspace-picker dropdown-menu::part(panel){min-width:18rem}workspace-picker [trigger],workspace-picker [trigger][data-dropdown-trigger]{min-width:0;padding:0;border:none;background:transparent;font-size:13px;font-weight:600}workspace-picker [trigger] .trigger-label{white-space:nowrap}dropdown-group{display:block;padding:4px 0}dropdown-label{display:block;padding:0 10px 4px;font-size:12px;color:color-mix(in srgb,currentColor 60%,transparent)}dropdown-item{display:block;padding:6px 10px;border-radius:4px;cursor:pointer}dropdown-item[selected]{background:color-mix(in srgb,var(--color-border) 70%,white)}dropdown-item[action]{color:color-mix(in srgb,currentColor 50%,transparent)}dropdown-item[danger]{color:#c74343}television-app>main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}television-app>main.auth-gate{display:flex;align-items:center;justify-content:center}.settings-panel{width:min(32rem,100%);display:flex;flex-direction:column;padding:20px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.workspace-modal,.auth-modal{width:min(24rem,100%);display:flex;flex-direction:column;padding:20px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-modal-title,.auth-modal-copy{margin:0}.auth-token-input-invalid{border-color:#c74343}.workspace-form{display:flex;flex-direction:column;gap:12px}.workspace-form-actions{display:flex;gap:8px}.workspace-modal-title,.workspace-delete-copy,.workspace-delete-warning,.workspace-delete-error{margin:0}.workspace-delete-warning,.workspace-delete-error{font-size:13px}.workspace-delete-error{color:#c74343}.settings-section-title{margin:0}.settings-section,.settings-server-list,.settings-add-server-form{display:flex;flex-direction:column;gap:12px}.settings-form-actions{display:flex;gap:8px}.settings-card{padding:12px;border:1px solid var(--color-border);border-radius:8px}.settings-server{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-server-details{min-width:0}.settings-server-name{font-weight:600}.settings-server-url{font-size:13px;word-break:break-word;color:color-mix(in srgb,currentColor 70%,transparent)}.settings-server-remove-button,.settings-submit-button,.settings-cancel-button,.settings-connect-button{padding:8px 12px;border-radius:8px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:inherit;font:inherit;box-sizing:border-box}.settings-submit-button,.settings-cancel-button,.settings-connect-button{align-self:flex-start}:root{--black: #000000;--white: #ffffff;--neutral-50: oklch(.985 .001 106.423);--neutral-100: oklch(.97 .001 106.424);--neutral-200: oklch(.923 .003 48.717);--neutral-300: oklch(.869 .005 56.366);--neutral-400: oklch(.709 .01 56.259);--neutral-500: oklch(.553 .013 58.071);--neutral-600: oklch(.444 .011 73.639);--neutral-700: oklch(.374 .01 67.558);--neutral-800: oklch(.268 .007 34.298);--neutral-900: oklch(.216 .006 56.043);--neutral-950: oklch(.147 .004 49.25)}dropdown-menu{position:relative;display:inline-block;color:inherit}dropdown-group{display:grid;gap:var(--space-4)}dropdown-label{display:block;padding:var(--space-4) var(--space-8);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}dropdown-divider{display:block;height:1px;margin:var(--space-4) 0;background:var(--color-border)}[data-dropdown-trigger],dropdown-item{color:inherit;font:inherit;line-height:1.2}[data-dropdown-trigger],dropdown-menu::part(trigger){display:inline-flex;align-items:center;gap:var(--space-8);margin:0;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:none;cursor:pointer}[data-dropdown-trigger]:hover,dropdown-menu::part(trigger):hover{background:var(--color-interactive-hover)}dropdown-menu[open] [data-dropdown-trigger],dropdown-menu[open]::part(trigger){background:var(--color-interactive)}[data-dropdown-trigger-label],dropdown-menu::part(trigger-label){min-width:0}[data-dropdown-trigger-icon],dropdown-menu::part(trigger-icon){display:inline-flex;align-items:center;justify-content:center;flex:none}[data-dropdown-trigger]:focus-visible,dropdown-menu::part(trigger):focus-visible,dropdown-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}dropdown-menu::part(panel){position:absolute;top:calc(100% + var(--space-4));left:0;z-index:var(--layer-popover);min-width:12rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover)}dropdown-item{display:block;margin:0;padding:.375rem .5rem;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none}dropdown-item:hover{background:var(--color-interactive-hover)}dropdown-item[selected]{background:var(--color-interactive)}panel-view{display:block}panel-view::part(panel){display:flex;flex-direction:column;gap:var(--space-16);color:var(--color-text)}panel-view::part(header){display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}panel-view::part(title-group){display:flex;align-items:center;gap:var(--space-8);min-width:0}panel-view::part(title){margin:0;font:inherit;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}panel-view::part(button){display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:none;cursor:pointer}panel-view::part(button):hover{background:var(--color-interactive-hover)}panel-view::part(button):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}panel-view::part(icon){display:inline-flex;align-items:center;justify-content:center;flex:none}panel-view::part(back-icon){transform:rotate(90deg)}modal-overlay{color:inherit}modal-overlay::part(backdrop){position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:var(--color-overlay-backdrop)}*,*:before,*:after{box-sizing:border-box}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-brand: var(--font-sans);--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--leading-base: 1.5;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--radius-sm: .375rem;--radius-md: .5rem;--layer-popover: 10;--layer-modal: 1000;--shadow-popover: 0 12px 32px rgb(0 0 0 / .14);--shadow-modal: 0 24px 64px rgb(0 0 0 / .2);--color-bg: var(--neutral-50);--color-bg-muted: var(--neutral-100);--color-surface: var(--white);--color-surface-muted: var(--neutral-100);--color-interactive: var(--neutral-200);--color-interactive-hover: var(--neutral-300);--color-border: var(--neutral-300);--color-border-muted: var(--neutral-200);--color-text: var(--neutral-900);--color-text-muted: var(--neutral-500);--color-link: inherit;--color-focus-ring: var(--neutral-500);--color-overlay-backdrop: rgb(0 0 0 / .5)}html,body{margin:0;padding:0;width:100%;height:100%}html{color-scheme:light}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);color:var(--color-text);background:var(--color-bg)}a{text-underline-offset:.15em;text-decoration-thickness:.08em}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-link)}code,pre{font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6{color:var(--color-text)}[data-ui-icon]{display:inline-block;vertical-align:middle}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:inherit;cursor:pointer}button:hover{background:var(--color-interactive)}button[variant=toolbar]{border:none;background:transparent;color:var(--color-text-muted)}button[size=sm]{min-height:26px;padding:var(--space-2) var(--space-6)}button[size=md]{min-height:32px;padding:var(--space-6) var(--space-12)}:root{--color-bg: var(--neutral-200);--color-border: var(--neutral-300)}

package/dist/browser/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Television</title>
-    <script type="module" crossorigin src="./assets/index-C0a55XYe.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-C0onxKEP.css">
+    <script type="module" crossorigin src="./assets/index-Ctq-tqkf.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-W7D1rDld.css">
   </head>
   <body></body>
 </html>

package/dist/cli.cjs

@@ -75157,7 +75157,9 @@ function isClientMessage(value) {
     case "create-workspace":
       return typeof message.id === "string" && typeof message.name === "string";
     case "update-workspace":
-      return typeof message.workspaceID === "string" && typeof message.fields === "object" && message.fields !== null && (!("name" in message.fields) || typeof message.fields.name === "string");
+      return typeof message.workspaceID === "string" && typeof message.fields === "object" && message.fields !== null && (!("name" in message.fields) || typeof message.fields.name === "string") && (!("layout" in message.fields) || Array.isArray(message.fields.layout) && message.fields.layout.every(
+        (card) => typeof card === "object" && card !== null && "type" in card && card.type === "artifact" && "artifactID" in card && typeof card.artifactID === "string" && "cols" in card && typeof card.cols === "number" && "rows" in card && typeof card.rows === "number"
+      ));
     case "delete-workspace":
       return typeof message.workspaceID === "string";
     default:
@@ -75315,8 +75317,83 @@ function ulid3(seedTime, prng) {
 var import_node_crypto2 = require("node:crypto");
 var import_node_fs2 = require("node:fs");
 var import_node_path3 = __toESM(require("node:path"), 1);
+
+// src/types.ts
+var DEFAULT_LAYOUT_CARD_COLS = 2;
+var DEFAULT_LAYOUT_CARD_ROWS = 6;
+var LAYOUT_COLS_NARROW = 1;
+var LAYOUT_ROW_SHORT = 2;
+var LAYOUT_ROW_MID = 3;
+var LAYOUT_ROW_TALL = 4;
+var ALLOWED_COLS = [LAYOUT_COLS_NARROW, DEFAULT_LAYOUT_CARD_COLS];
+var ALLOWED_ROWS = [
+  LAYOUT_ROW_SHORT,
+  LAYOUT_ROW_MID,
+  LAYOUT_ROW_TALL,
+  DEFAULT_LAYOUT_CARD_ROWS
+];
+function clampLayoutCols(cols) {
+  const n = Math.round(cols);
+  return ALLOWED_COLS.includes(n) ? n : DEFAULT_LAYOUT_CARD_COLS;
+}
+function clampLayoutRows(rows) {
+  const n = Math.round(rows);
+  return ALLOWED_ROWS.includes(n) ? n : DEFAULT_LAYOUT_CARD_ROWS;
+}
+function createLayoutCardRecord(artifactID) {
+  return {
+    type: "artifact",
+    artifactID,
+    cols: DEFAULT_LAYOUT_CARD_COLS,
+    rows: DEFAULT_LAYOUT_CARD_ROWS
+  };
+}
+function normalizeLayoutCardRecord(card) {
+  return {
+    type: "artifact",
+    artifactID: card.artifactID,
+    cols: clampLayoutCols(card.cols ?? DEFAULT_LAYOUT_CARD_COLS),
+    rows: clampLayoutRows(card.rows ?? DEFAULT_LAYOUT_CARD_ROWS)
+  };
+}
+function normalizeWorkspace(workspace) {
+  const layout = Array.isArray(workspace.layout) ? workspace.layout.map((card) => normalizeLayoutCardRecord(card)) : [];
+  return {
+    id: workspace.id,
+    name: workspace.name,
+    layout
+  };
+}
+function getWorkspaceArtifactIDs(workspace) {
+  return workspace.layout.map((card) => card.artifactID);
+}
+
+// src/server/workspace-store.ts
 var JSON_INDENT_SPACES = 2;
 var AUTH_TOKEN_BYTES = 32;
+var DEFAULT_COLS = 2;
+var DEFAULT_ROWS = 6;
+function migrateWorkspaceJson(raw) {
+  if ("layout" in raw && Array.isArray(raw.layout) && raw.layout.length > 0) {
+    return false;
+  }
+  if ("artifacts" in raw && Array.isArray(raw.artifacts)) {
+    raw.layout = raw.artifacts;
+    delete raw.artifacts;
+    return true;
+  }
+  if ("artifactIDs" in raw && Array.isArray(raw.artifactIDs)) {
+    raw.layout = raw.artifactIDs.map((id) => ({
+      type: "artifact",
+      artifactID: id,
+      cols: DEFAULT_COLS,
+      rows: DEFAULT_ROWS
+    }));
+    delete raw.artifactIDs;
+    return true;
+  }
+  return false;
+}
 var WorkspaceStore = class extends Emitter {
   dataDir;
   workspaces = /* @__PURE__ */ new Map();
@@ -75343,10 +75420,12 @@ var WorkspaceStore = class extends Emitter {
     if (!workspace) {
       throw new Error(`Workspace not found: ${workspaceID}`);
     }
-    return workspace.artifactIDs.map((artifactID) => this.artifacts.get(artifactID)).filter((artifact) => artifact !== void 0);
+    return getWorkspaceArtifactIDs(workspace).map((artifactID) => this.artifacts.get(artifactID)).filter((artifact) => artifact !== void 0);
   }
   findArtifactWorkspaces(artifactID) {
-    return [...this.workspaces.values()].filter((workspace) => workspace.artifactIDs.includes(artifactID));
+    return [...this.workspaces.values()].filter(
+      (workspace) => workspace.layout.some((card) => card.artifactID === artifactID)
+    );
   }
   createArtifact(input) {
     if (!input.workspaceID) {
@@ -75360,7 +75439,7 @@ var WorkspaceStore = class extends Emitter {
       content: input.content
     };
     this.artifacts.set(artifact.id, artifact);
-    workspace.artifactIDs.push(artifact.id);
+    workspace.layout.push(createLayoutCardRecord(artifact.id));
     this.persistArtifact(artifact);
     this.persistWorkspace(workspace);
     this.emit("mutation", {
@@ -75393,11 +75472,11 @@ var WorkspaceStore = class extends Emitter {
       throw new Error(`Artifact not found: ${input.artifactID}`);
     }
     const workspace = this.requireWorkspace(input.workspaceID);
-    if (!workspace.artifactIDs.includes(input.artifactID)) {
+    if (!workspace.layout.some((card) => card.artifactID === input.artifactID)) {
       throw new Error(`Artifact not linked to workspace: ${input.artifactID}`);
     }
     this.artifacts.delete(input.artifactID);
-    workspace.artifactIDs = workspace.artifactIDs.filter((artifactID) => artifactID !== input.artifactID);
+    workspace.layout = workspace.layout.filter((card) => card.artifactID !== input.artifactID);
     this.persistWorkspace(workspace);
     this.deleteArtifactFile(input.artifactID);
     this.emit("mutation", {
@@ -75410,7 +75489,7 @@ var WorkspaceStore = class extends Emitter {
     const workspace = {
       id: input.id ?? ulid3(),
       name: input.name,
-      artifactIDs: []
+      layout: []
     };
     this.workspaces.set(workspace.id, workspace);
     this.persistWorkspace(workspace);
@@ -75422,18 +75501,26 @@ var WorkspaceStore = class extends Emitter {
   }
   updateWorkspace(input) {
     const workspace = this.requireWorkspace(input.workspaceID);
-    Object.assign(workspace, input.fields);
+    const nextFields = {};
+    if (typeof input.fields.name === "string") {
+      workspace.name = input.fields.name;
+      nextFields.name = input.fields.name;
+    }
+    if (Array.isArray(input.fields.layout)) {
+      workspace.layout = input.fields.layout.map((card) => normalizeLayoutCardRecord(card));
+      nextFields.layout = workspace.layout.map((card) => normalizeLayoutCardRecord(card));
+    }
     this.persistWorkspace(workspace);
     this.emit("mutation", {
       type: "workspace-updated",
       workspaceID: input.workspaceID,
-      fields: input.fields
+      fields: nextFields
     });
   }
   removeWorkspace(input) {
     const workspace = this.requireWorkspace(input.workspaceID);
     this.workspaces.delete(input.workspaceID);
-    for (const artifactID of workspace.artifactIDs) {
+    for (const artifactID of getWorkspaceArtifactIDs(workspace)) {
       if (this.findArtifactWorkspaces(artifactID).length > 0) {
         continue;
       }
@@ -75455,9 +75542,15 @@ var WorkspaceStore = class extends Emitter {
   }
   load() {
     for (const file2 of this.readEntityFiles(this.workspacesDir)) {
-      const workspace = this.readJsonFile(import_node_path3.default.join(this.workspacesDir, file2));
-      if (!workspace) continue;
+      const filePath = import_node_path3.default.join(this.workspacesDir, file2);
+      const raw = this.readJsonFile(filePath);
+      if (!raw || typeof raw !== "object") continue;
+      const migrated = migrateWorkspaceJson(raw);
+      const workspace = normalizeWorkspace(raw);
       this.workspaces.set(workspace.id, workspace);
+      if (migrated) {
+        this.persistWorkspace(workspace);
+      }
     }
     for (const file2 of this.readEntityFiles(this.artifactsDir)) {
       const artifact = this.readJsonFile(import_node_path3.default.join(this.artifactsDir, file2));
@@ -75469,7 +75562,7 @@ var WorkspaceStore = class extends Emitter {
     const workspace = {
       id: ulid3(),
       name: "Default",
-      artifactIDs: []
+      layout: []
     };
     this.workspaces.set(workspace.id, workspace);
     this.persistWorkspace(workspace);

package/dist/electron.cjs

@@ -71446,7 +71446,9 @@ function isClientMessage(value) {
     case "create-workspace":
       return typeof message.id === "string" && typeof message.name === "string";
     case "update-workspace":
-      return typeof message.workspaceID === "string" && typeof message.fields === "object" && message.fields !== null && (!("name" in message.fields) || typeof message.fields.name === "string");
+      return typeof message.workspaceID === "string" && typeof message.fields === "object" && message.fields !== null && (!("name" in message.fields) || typeof message.fields.name === "string") && (!("layout" in message.fields) || Array.isArray(message.fields.layout) && message.fields.layout.every(
+        (card) => typeof card === "object" && card !== null && "type" in card && card.type === "artifact" && "artifactID" in card && typeof card.artifactID === "string" && "cols" in card && typeof card.cols === "number" && "rows" in card && typeof card.rows === "number"
+      ));
     case "delete-workspace":
       return typeof message.workspaceID === "string";
     default:
@@ -71604,8 +71606,83 @@ function ulid3(seedTime, prng) {
 var import_node_crypto2 = require("node:crypto");
 var import_node_fs = require("node:fs");
 var import_node_path2 = __toESM(require("node:path"), 1);
+
+// src/types.ts
+var DEFAULT_LAYOUT_CARD_COLS = 2;
+var DEFAULT_LAYOUT_CARD_ROWS = 6;
+var LAYOUT_COLS_NARROW = 1;
+var LAYOUT_ROW_SHORT = 2;
+var LAYOUT_ROW_MID = 3;
+var LAYOUT_ROW_TALL = 4;
+var ALLOWED_COLS = [LAYOUT_COLS_NARROW, DEFAULT_LAYOUT_CARD_COLS];
+var ALLOWED_ROWS = [
+  LAYOUT_ROW_SHORT,
+  LAYOUT_ROW_MID,
+  LAYOUT_ROW_TALL,
+  DEFAULT_LAYOUT_CARD_ROWS
+];
+function clampLayoutCols(cols) {
+  const n = Math.round(cols);
+  return ALLOWED_COLS.includes(n) ? n : DEFAULT_LAYOUT_CARD_COLS;
+}
+function clampLayoutRows(rows) {
+  const n = Math.round(rows);
+  return ALLOWED_ROWS.includes(n) ? n : DEFAULT_LAYOUT_CARD_ROWS;
+}
+function createLayoutCardRecord(artifactID) {
+  return {
+    type: "artifact",
+    artifactID,
+    cols: DEFAULT_LAYOUT_CARD_COLS,
+    rows: DEFAULT_LAYOUT_CARD_ROWS
+  };
+}
+function normalizeLayoutCardRecord(card) {
+  return {
+    type: "artifact",
+    artifactID: card.artifactID,
+    cols: clampLayoutCols(card.cols ?? DEFAULT_LAYOUT_CARD_COLS),
+    rows: clampLayoutRows(card.rows ?? DEFAULT_LAYOUT_CARD_ROWS)
+  };
+}
+function normalizeWorkspace(workspace) {
+  const layout = Array.isArray(workspace.layout) ? workspace.layout.map((card) => normalizeLayoutCardRecord(card)) : [];
+  return {
+    id: workspace.id,
+    name: workspace.name,
+    layout
+  };
+}
+function getWorkspaceArtifactIDs(workspace) {
+  return workspace.layout.map((card) => card.artifactID);
+}
+
+// src/server/workspace-store.ts
 var JSON_INDENT_SPACES = 2;
 var AUTH_TOKEN_BYTES = 32;
+var DEFAULT_COLS = 2;
+var DEFAULT_ROWS = 6;
+function migrateWorkspaceJson(raw) {
+  if ("layout" in raw && Array.isArray(raw.layout) && raw.layout.length > 0) {
+    return false;
+  }
+  if ("artifacts" in raw && Array.isArray(raw.artifacts)) {
+    raw.layout = raw.artifacts;
+    delete raw.artifacts;
+    return true;
+  }
+  if ("artifactIDs" in raw && Array.isArray(raw.artifactIDs)) {
+    raw.layout = raw.artifactIDs.map((id) => ({
+      type: "artifact",
+      artifactID: id,
+      cols: DEFAULT_COLS,
+      rows: DEFAULT_ROWS
+    }));
+    delete raw.artifactIDs;
+    return true;
+  }
+  return false;
+}
 var WorkspaceStore = class extends Emitter {
   dataDir;
   workspaces = /* @__PURE__ */ new Map();
@@ -71632,10 +71709,12 @@ var WorkspaceStore = class extends Emitter {
     if (!workspace) {
       throw new Error(`Workspace not found: ${workspaceID}`);
     }
-    return workspace.artifactIDs.map((artifactID) => this.artifacts.get(artifactID)).filter((artifact) => artifact !== void 0);
+    return getWorkspaceArtifactIDs(workspace).map((artifactID) => this.artifacts.get(artifactID)).filter((artifact) => artifact !== void 0);
   }
   findArtifactWorkspaces(artifactID) {
-    return [...this.workspaces.values()].filter((workspace) => workspace.artifactIDs.includes(artifactID));
+    return [...this.workspaces.values()].filter(
+      (workspace) => workspace.layout.some((card) => card.artifactID === artifactID)
+    );
   }
   createArtifact(input) {
     if (!input.workspaceID) {
@@ -71649,7 +71728,7 @@ var WorkspaceStore = class extends Emitter {
       content: input.content
     };
     this.artifacts.set(artifact.id, artifact);
-    workspace.artifactIDs.push(artifact.id);
+    workspace.layout.push(createLayoutCardRecord(artifact.id));
     this.persistArtifact(artifact);
     this.persistWorkspace(workspace);
     this.emit("mutation", {
@@ -71682,11 +71761,11 @@ var WorkspaceStore = class extends Emitter {
       throw new Error(`Artifact not found: ${input.artifactID}`);
     }
     const workspace = this.requireWorkspace(input.workspaceID);
-    if (!workspace.artifactIDs.includes(input.artifactID)) {
+    if (!workspace.layout.some((card) => card.artifactID === input.artifactID)) {
       throw new Error(`Artifact not linked to workspace: ${input.artifactID}`);
     }
     this.artifacts.delete(input.artifactID);
-    workspace.artifactIDs = workspace.artifactIDs.filter((artifactID) => artifactID !== input.artifactID);
+    workspace.layout = workspace.layout.filter((card) => card.artifactID !== input.artifactID);
     this.persistWorkspace(workspace);
     this.deleteArtifactFile(input.artifactID);
     this.emit("mutation", {
@@ -71699,7 +71778,7 @@ var WorkspaceStore = class extends Emitter {
     const workspace = {
       id: input.id ?? ulid3(),
       name: input.name,
-      artifactIDs: []
+      layout: []
     };
     this.workspaces.set(workspace.id, workspace);
     this.persistWorkspace(workspace);
@@ -71711,18 +71790,26 @@ var WorkspaceStore = class extends Emitter {
   }
   updateWorkspace(input) {
     const workspace = this.requireWorkspace(input.workspaceID);
-    Object.assign(workspace, input.fields);
+    const nextFields = {};
+    if (typeof input.fields.name === "string") {
+      workspace.name = input.fields.name;
+      nextFields.name = input.fields.name;
+    }
+    if (Array.isArray(input.fields.layout)) {
+      workspace.layout = input.fields.layout.map((card) => normalizeLayoutCardRecord(card));
+      nextFields.layout = workspace.layout.map((card) => normalizeLayoutCardRecord(card));
+    }
     this.persistWorkspace(workspace);
     this.emit("mutation", {
       type: "workspace-updated",
       workspaceID: input.workspaceID,
-      fields: input.fields
+      fields: nextFields
     });
   }
   removeWorkspace(input) {
     const workspace = this.requireWorkspace(input.workspaceID);
     this.workspaces.delete(input.workspaceID);
-    for (const artifactID of workspace.artifactIDs) {
+    for (const artifactID of getWorkspaceArtifactIDs(workspace)) {
       if (this.findArtifactWorkspaces(artifactID).length > 0) {
         continue;
       }
@@ -71744,9 +71831,15 @@ var WorkspaceStore = class extends Emitter {
   }
   load() {
     for (const file2 of this.readEntityFiles(this.workspacesDir)) {
-      const workspace = this.readJsonFile(import_node_path2.default.join(this.workspacesDir, file2));
-      if (!workspace) continue;
+      const filePath = import_node_path2.default.join(this.workspacesDir, file2);
+      const raw = this.readJsonFile(filePath);
+      if (!raw || typeof raw !== "object") continue;
+      const migrated = migrateWorkspaceJson(raw);
+      const workspace = normalizeWorkspace(raw);
       this.workspaces.set(workspace.id, workspace);
+      if (migrated) {
+        this.persistWorkspace(workspace);
+      }
     }
     for (const file2 of this.readEntityFiles(this.artifactsDir)) {
       const artifact = this.readJsonFile(import_node_path2.default.join(this.artifactsDir, file2));
@@ -71758,7 +71851,7 @@ var WorkspaceStore = class extends Emitter {
     const workspace = {
       id: ulid3(),
       name: "Default",
-      artifactIDs: []
+      layout: []
     };
     this.workspaces.set(workspace.id, workspace);
     this.persistWorkspace(workspace);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telepath-computer/television",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "main": "dist/electron.cjs",
   "bin": {
@@ -10,9 +10,10 @@
     "dist/**"
   ],
   "scripts": {
-    "dev": "npm run dev:electron",
+    "dev": "npm run dev:server",
     "dev:electron": "scripts/dev-electron.sh",
     "dev:server": "scripts/dev-server.sh",
+    "demo:layout": "vite --config vite.demo-layout.config.ts --host 127.0.0.1",
     "build": "npm run build:renderer && npm run build:cli && npm run build:electron",
     "prepack": "npm run build",
     "start": "npm run build && env -u ELECTRON_RUN_AS_NODE electron .",