@xcelsior/ui-spreadsheets 1.3.0 → 1.3.2

package/.omc/state/agent-replay-0cead415-b3bd-40fd-b199-47371946c4db.jsonl

@@ -23,3 +23,5 @@
 {"t":0,"agent":"aa330fa","agent_type":"executor","event":"agent_stop","success":true,"duration_ms":247728}
 {"t":0,"agent":"ae7807c","agent_type":"git-manager","event":"agent_start","parent_mode":"none"}
 {"t":0,"agent":"ae7807c","agent_type":"git-manager","event":"agent_stop","success":true,"duration_ms":20621}
+{"t":0,"agent":"abfb64e","agent_type":"git-manager","event":"agent_start","parent_mode":"none"}
+{"t":0,"agent":"abfb64e","agent_type":"git-manager","event":"agent_stop","success":true,"duration_ms":26949}

package/.omc/state/idle-notif-cooldown.json

@@ -1,3 +1,3 @@
 {
-  "lastSentAt": "2026-03-30T08:36:59.719Z"
+  "lastSentAt": "2026-03-31T06:22:45.213Z"
 }

package/.omc/state/mission-state.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-03-30T05:02:01.720Z",
+  "updatedAt": "2026-03-30T08:45:55.715Z",
   "missions": [
     {
       "id": "session:0cead415-b3bd-40fd-b199-47371946c4db:none",
@@ -7,15 +7,15 @@
       "name": "none",
       "objective": "Session mission",
       "createdAt": "2026-03-30T03:04:00.047Z",
-      "updatedAt": "2026-03-30T05:02:01.720Z",
+      "updatedAt": "2026-03-30T08:45:55.715Z",
       "status": "done",
-      "workerCount": 12,
+      "workerCount": 13,
       "taskCounts": {
-        "total": 12,
+        "total": 13,
         "pending": 0,
         "blocked": 0,
         "inProgress": 0,
-        "completed": 12,
+        "completed": 13,
         "failed": 0
       },
       "agents": [
@@ -138,25 +138,19 @@
           "latestUpdate": "completed",
           "completedSummary": null,
           "updatedAt": "2026-03-30T05:02:01.720Z"
+        },
+        {
+          "name": "git-manager:abfb64e",
+          "role": "git-manager",
+          "ownership": "abfb64eb8d129e6f9",
+          "status": "done",
+          "currentStep": null,
+          "latestUpdate": "completed",
+          "completedSummary": null,
+          "updatedAt": "2026-03-30T08:45:55.715Z"
         }
       ],
       "timeline": [
-        {
-          "id": "session-start:aa330fa6ae424cc92:2026-03-30T04:50:28.303Z",
-          "at": "2026-03-30T04:50:28.303Z",
-          "kind": "update",
-          "agent": "executor:aa330fa",
-          "detail": "started executor:aa330fa",
-          "sourceKey": "session-start:aa330fa6ae424cc92"
-        },
-        {
-          "id": "session-stop:aa330fa6ae424cc92:2026-03-30T04:54:36.031Z",
-          "at": "2026-03-30T04:54:36.031Z",
-          "kind": "completion",
-          "agent": "executor:aa330fa",
-          "detail": "completed",
-          "sourceKey": "session-stop:aa330fa6ae424cc92"
-        },
         {
           "id": "session-start:ae7807ca7e84fc31c:2026-03-30T05:01:41.099Z",
           "at": "2026-03-30T05:01:41.099Z",
@@ -172,6 +166,22 @@
           "agent": "git-manager:ae7807c",
           "detail": "completed",
           "sourceKey": "session-stop:ae7807ca7e84fc31c"
+        },
+        {
+          "id": "session-start:abfb64eb8d129e6f9:2026-03-30T08:45:28.766Z",
+          "at": "2026-03-30T08:45:28.766Z",
+          "kind": "update",
+          "agent": "git-manager:abfb64e",
+          "detail": "started git-manager:abfb64e",
+          "sourceKey": "session-start:abfb64eb8d129e6f9"
+        },
+        {
+          "id": "session-stop:abfb64eb8d129e6f9:2026-03-30T08:45:55.715Z",
+          "at": "2026-03-30T08:45:55.715Z",
+          "kind": "completion",
+          "agent": "git-manager:abfb64e",
+          "detail": "completed",
+          "sourceKey": "session-stop:abfb64eb8d129e6f9"
         }
       ]
     }

package/.omc/state/subagent-tracking.json

@@ -107,10 +107,19 @@
       "status": "completed",
       "completed_at": "2026-03-30T05:02:01.720Z",
       "duration_ms": 20621
+    },
+    {
+      "agent_id": "abfb64eb8d129e6f9",
+      "agent_type": "git-manager",
+      "started_at": "2026-03-30T08:45:28.766Z",
+      "parent_mode": "none",
+      "status": "completed",
+      "completed_at": "2026-03-30T08:45:55.715Z",
+      "duration_ms": 26949
     }
   ],
-  "total_spawned": 12,
-  "total_completed": 12,
+  "total_spawned": 13,
+  "total_completed": 13,
   "total_failed": 0,
-  "last_updated": "2026-03-30T05:02:01.822Z"
+  "last_updated": "2026-03-30T08:45:55.818Z"
 }

package/dist/index.js

@@ -484,9 +484,10 @@ var SpreadsheetCell = ({
       return typeof value === "number" ? value.toLocaleString() : value;
     }
     if (column.type === "autocomplete") {
-      if (column.getOptionLabel) return column.getOptionLabel(value, row);
-      const match = column.autocompleteOptions?.find((o) => o.value === value);
-      return match ? match.label : String(value);
+      const displayVal = localValue ?? value;
+      if (column.getOptionLabel) return column.getOptionLabel(displayVal, row);
+      const match = column.autocompleteOptions?.find((o) => o.value === displayVal);
+      return match ? match.label : displayVal != null && displayVal !== "" ? String(displayVal) : null;
     }
     return String(value);
   };
@@ -501,7 +502,10 @@ var SpreadsheetCell = ({
           value: localValue,
           column,
           compactMode,
-          onConfirm,
+          onConfirm: (newVal) => {
+            setLocalValue(newVal);
+            onConfirm?.(newVal);
+          },
           onCancel
         }
       );
@@ -3241,7 +3245,8 @@ function useSpreadsheetFiltering({
           return false;
         }
         if (filter.textCondition) {
-          return applyTextCondition(value, filter.textCondition);
+          const filterableValue = column.type === "autocomplete" && column.getOptionLabel ? column.getOptionLabel(value, row) : value;
+          return applyTextCondition(filterableValue, filter.textCondition);
         }
         if (filter.numberCondition) {
           return applyNumberCondition(value, filter.numberCondition);
@@ -3855,6 +3860,11 @@ function useSpreadsheetKeyboardShortcuts({
   (0, import_react19.useEffect)(() => {
     if (!enabled) return;
     const handleKeyDown = (event) => {
+      const activeEl = document.activeElement;
+      const isInFormElement = activeEl instanceof HTMLInputElement || activeEl instanceof HTMLTextAreaElement || activeEl instanceof HTMLSelectElement;
+      if (isInFormElement && event.key !== "Escape") {
+        return;
+      }
       if (event.key === "Escape") {
         if (showKeyboardShortcuts) {
           setShowKeyboardShortcuts(false);
@@ -4430,7 +4440,7 @@ function useSpreadsheetSummary({
     const numericValues = [];
     for (const { position, value } of selectedCellValues) {
       const column = columns.find((c) => c.id === position.columnId);
-      if (column?.type === "number" || typeof value === "number") {
+      if (column?.type === "number") {
         const num = typeof value === "number" ? value : parseFloat(value);
         if (!isNaN(num)) {
           numericValues.push(num);
@@ -4780,7 +4790,7 @@ function Spreadsheet({
     onToggleCommentResolved
   });
   const [showSettingsModal, setShowSettingsModal] = (0, import_react23.useState)(false);
-  const [showFiltersPanel, setShowFiltersPanel] = (0, import_react23.useState)(false);
+  const [showFiltersPanel, setShowFiltersPanel] = (0, import_react23.useState)(true);
   const {
     canUndo,
     canRedo,
@@ -4920,7 +4930,7 @@ function Spreadsheet({
   }, [popRedoEntry, onCellsEdit, markAsChanged]);
   const paginatedData = (0, import_react23.useMemo)(() => {
     if (serverSide) {
-      return filteredData;
+      return filteredData.toArray();
     }
     const startIndex = (currentPage - 1) * pageSize;
     return filteredData.slice(startIndex, startIndex + pageSize);
@@ -5133,8 +5143,14 @@ function Spreadsheet({
     (rowId, columnId, event) => {
       event.stopPropagation();
       handleCellMouseDown(rowId, columnId, event);
+      if (!event.shiftKey && !event.metaKey && !event.ctrlKey) {
+        const column = columns.find((c) => c.id === columnId);
+        if (column?.editable && enableCellEditing) {
+          setEditingCell({ rowId, columnId });
+        }
+      }
     },
-    [handleCellMouseDown]
+    [handleCellMouseDown, columns, enableCellEditing, setEditingCell]
   );
   const handleCellDoubleClick = (0, import_react23.useCallback)(
     (rowId, columnId) => {
@@ -5400,17 +5416,67 @@ function Spreadsheet({
             })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "td",
-          {
-            colSpan: columnRenderItems.length + 1,
-            className: "text-center py-8 text-gray-500",
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-4 h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" }),
-              "Loading..."
-            ] })
-          }
-        ) }) : paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: isLoading ? Array.from({ length: Math.min(pageSize, 10) }).map((_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "td",
+            {
+              className: cn(
+                "border border-gray-200 sticky",
+                effectiveCompactMode ? "px-1.5 py-0.5" : "px-2.5 py-1.5"
+              ),
+              style: {
+                minWidth: `${ROW_INDEX_COLUMN_WIDTH}px`,
+                width: `${ROW_INDEX_COLUMN_WIDTH}px`,
+                left: 0,
+                zIndex: 40,
+                backgroundColor: rowIdx % 2 !== 0 ? "#f9fafb" : "white"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                "div",
+                {
+                  className: "h-4 bg-gray-200 rounded animate-pulse",
+                  style: { width: "60%", animationDelay: `${rowIdx * 50}ms` }
+                }
+              )
+            }
+          ),
+          columnRenderItems.map((item, colIdx) => {
+            if (item.type === "collapsed-placeholder") {
+              return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                "td",
+                {
+                  className: "border border-gray-200",
+                  style: { backgroundColor: rowIdx % 2 !== 0 ? "#f9fafb" : "white" }
+                },
+                `skeleton-${rowIdx}-placeholder-${item.groupId}`
+              );
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "td",
+              {
+                className: cn(
+                  "border border-gray-200",
+                  effectiveCompactMode ? "px-1.5 py-0.5" : "px-2.5 py-1.5"
+                ),
+                style: {
+                  minWidth: item.column.width ?? 120,
+                  backgroundColor: rowIdx % 2 !== 0 ? "#f9fafb" : "white"
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  "div",
+                  {
+                    className: "h-4 bg-gray-200 rounded animate-pulse",
+                    style: {
+                      width: `${55 + (rowIdx * 7 + colIdx * 13) % 35}%`,
+                      animationDelay: `${(rowIdx * columnRenderItems.length + colIdx) * 30}ms`
+                    }
+                  }
+                )
+              },
+              `skeleton-${rowIdx}-${item.column.id}`
+            );
+          })
+        ] }, `skeleton-${rowIdx}`)) : paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "td",
           {
             colSpan: columnRenderItems.length + 1,