flexdesk 0.17.18 → 0.18.1

package/css/reset.css

@@ -1,5 +1,5 @@
 /* ════════════════════════════════════════════════════════════════════
-   base.css — reset, body, scrollbars, headings.
+   reset.css — reset, body, scrollbars, headings.
 
    Extracted from the inline block at the top of main_new.css so the
    reset lives separately from the rest of the main stylesheet. Loaded

package/css/tokens.css

@@ -76,7 +76,7 @@
     /* ── Text ───────────────────────────────────────────────────── */
     --text-primary:   #e0e0e0;  /* primary body text */
     --text-secondary: #cccccc;  /* lighter secondary (e.g. tree-view rows) */
-    --text-body:      #d4d4d4;  /* base.css body default — between primary & secondary */
+    --text-body:      #d4d4d4;  /* the body default — between primary & secondary */
     --text-muted:     #888888;  /* de-facto canonical muted gray (268+ literal uses) */
     --text-dim:       #666666;
     --text-bright:    #ffffff;
@@ -109,6 +109,20 @@
     --color-danger-hover:   #d85858;
     --color-info:           #2196f3;
 
+    /* ── Diff viewer and commit graph (@flexdesk/git) ──────────── */
+    --twm-diff-add-bg: rgb(137 209 133 / 9%);
+    --twm-diff-add-fg: #89d185;
+    --twm-diff-del-bg: rgb(244 135 113 / 9%);
+    --twm-diff-del-fg: #f48771;
+    --twm-git-lane-0:  var(--accent-bright);
+    --twm-git-lane-1:  #73c991;
+    --twm-git-lane-2:  #e2b93d;
+    --twm-git-lane-3:  #cc6633;
+    --twm-git-lane-4:  #c586c0;
+    --twm-git-lane-5:  #f14c4c;
+    --twm-git-lane-6:  #4ec9b0;
+    --twm-git-lane-7:  #569cd6;
+
     /* ── Surface state overlays ────────────────────────────────── */
     --state-hover:    rgba(255, 255, 255, 0.05);
     --state-active:   rgba(255, 255, 255, 0.08);
@@ -116,6 +130,21 @@
     /* A DataTable row or cell that has just arrived flashes from this to transparent. */
     --twm-dt-new-bg:  color-mix(in srgb, var(--accent-bright) 22%, transparent);  /* rgba(0, 122, 204, 0.22) */
 
+    /* ── The page rail (chrome.rail: .twm-fl-bar, .twm-fl-item) ─── */
+    --twm-rail-width:       50px;
+    --twm-rail-item-height: 44px;
+    --twm-rail-icon-size:   22px;
+    --twm-rail-bg:      #333333;
+    --twm-rail-icon:    #9e9e9e;              /* an item at rest */
+    --twm-rail-icon-on: var(--text-bright);   /* hovered, and the active item with its bar */
+
+    /* The workspace picker's field (0.18.1). */
+    --twm-wspicker-field-icon:           var(--accent-bright);
+    --twm-wspicker-field-focus-border:   var(--accent-bright);   /* focused by keyboard, and open */
+    --twm-wspicker-field-muted-icon:     var(--text-muted);      /* naming nothing */
+    --twm-wspicker-field-muted-style:    italic;
+    --twm-wspicker-field-muted-opacity:  0.55;
+
     /* ── Overlay scrollbars (installOverlayScrollbar) ─────────── */
     --scrollbar-size:         6px;
     --scrollbar-radius:       3px;

package/dist/charts.js

@@ -1,6 +1,6 @@
 import {
   createTabs
-} from "./chunk-REJ5HLIM.js";
+} from "./chunk-HYJYYEPK.js";
 import {
   ALL_CHART_TYPES,
   CHART_TYPES_2D,
@@ -55,20 +55,25 @@ import {
   strideIndices,
   uid,
   updateChart
-} from "./chunk-7OL6F2AM.js";
+} from "./chunk-4X4SY3CP.js";
 import {
   AutocompleteField,
   createRafResizeObserver
-} from "./chunk-2Z2ENHR3.js";
+} from "./chunk-QRBOIUU3.js";
+import "./chunk-VLOAI3HS.js";
 import {
   ColorField,
   ManagedWindow,
   ToggleField,
+  attachInputOptions
+} from "./chunk-HL3IIHU3.js";
+import {
   selectBox
-} from "./chunk-PGZ4EHSE.js";
+} from "./chunk-Q7BALEPX.js";
 import "./chunk-HNU6MM2B.js";
 import "./chunk-N7HC3ADV.js";
-import "./chunk-WUFLGETN.js";
+import "./chunk-WVFGV5FT.js";
+import "./chunk-QXAOTGCC.js";
 import "./chunk-JYWURG5T.js";
 
 // src/charts/data_series_plot_window.js
@@ -705,6 +710,7 @@ var CHART_TYPE_OPTIONS = Object.freeze([
   { group: "2D", options: CHART_TYPES_2D },
   { group: "3D", options: CHART_TYPES_3D }
 ]);
+var HIDEABLE = Object.freeze(["3d", "stackGroup", "xAxis"]);
 var SCALES = Object.freeze([{ value: "linear", label: "Linear" }, { value: "log", label: "Log" }]);
 var POSITIONS = Object.freeze([{ value: "left", label: "Left" }, { value: "right", label: "Right" }]);
 var DASHES = Object.freeze([
@@ -825,9 +831,15 @@ function renderPlotConfigEditor(container, config, options = {}) {
     overlaySources: null,
     seriesTransforms: null,
     extraSeriesFields: null,
+    hide: [],
+    constantsProvider: null,
     logger: null,
     ...options
   };
+  for (const part of opts.hide) {
+    if (!HIDEABLE.includes(part)) throw new TypeError(`[plot config editor] cannot hide "${part}"`);
+  }
+  const hidden = new Set(opts.hide);
   const editorId = `twm-plot-config-${++editorCount}`;
   let fieldCount = 0;
   let active = 0;
@@ -981,6 +993,7 @@ function renderPlotConfigEditor(container, config, options = {}) {
   }
   function normalise(sp) {
     if (!sp.xAxis) sp.xAxis = { useTime: true, variable: "" };
+    if (hidden.has("xAxis")) sp.xAxis.useTime = true;
     if (!Array.isArray(sp.yAxes) || !sp.yAxes.length) sp.yAxes = [makeDefaultYAxis(0)];
     for (const axis of sp.yAxes) if (!Array.isArray(axis.series)) axis.series = [];
     if (is3DChart(sp.chartType) && !sp.zAxis) sp.zAxis = makeZAxis();
@@ -1005,9 +1018,9 @@ function renderPlotConfigEditor(container, config, options = {}) {
         { placeholder: "Untitled" }
       ))),
       section("Display", ...displayFields(sp)),
-      section("X axis", ...xAxisFields(sp)),
+      hidden.has("xAxis") ? null : section("X axis", ...xAxisFields(sp)),
       section("Y axes", yAxesEditor(sp, is3D, overlaySources)),
-      is3D ? section("Z axis", ...zAxisFields(sp)) : null,
+      is3D && !hidden.has("3d") ? section("Z axis", ...zAxisFields(sp)) : null,
       section("Reference lines", referenceLinesEditor(sp)),
       section("Shaded bands", shadedBandsEditor(sp)),
       transformsSection(sp)
@@ -1015,7 +1028,7 @@ function renderPlotConfigEditor(container, config, options = {}) {
   }
   function displayFields(sp) {
     return [
-      field("Chart type", select(CHART_TYPE_OPTIONS, sp.chartType ?? "line", (v) => {
+      field("Chart type", select(hidden.has("3d") ? CHART_TYPES_2D : CHART_TYPE_OPTIONS, sp.chartType ?? "line", (v) => {
         const was3D = is3DChart(sp.chartType);
         sp.chartType = v;
         const now3D = is3DChart(v);
@@ -1202,16 +1215,18 @@ function renderPlotConfigEditor(container, config, options = {}) {
       field("Dash", select(DASHES, s.lineStyle ?? "solid", (v) => {
         s.lineStyle = v;
         notify();
-      }, { label: "Dash" })),
-      field("Stack group", textInput(
+      }, { label: "Dash" }))
+    );
+    if (!hidden.has("stackGroup")) {
+      fields.appendChild(field("Stack group", textInput(
         s.stackGroup,
         (v) => {
           s.stackGroup = v || null;
           notify();
         },
         { placeholder: "None", label: "Stack group" }
-      ))
-    );
+      )));
+    }
     if (opts.extraSeriesFields) fields.appendChild(extraFields(sp, axis, s));
     if (opts.overlaySources) fields.appendChild(overlayEditor(s, overlaySources));
     row.append(head, fields);
@@ -1329,6 +1344,61 @@ function renderPlotConfigEditor(container, config, options = {}) {
     });
     return wrap;
   }
+  function constantValueField(line) {
+    const wrap = el("div", "twm-plot-config__constant");
+    const input = el("input", "twm-plot-config__input");
+    input.type = "text";
+    input.spellcheck = false;
+    input.placeholder = "Number or name";
+    input.setAttribute("aria-label", "Value");
+    input.value = line.value ?? "";
+    const now = el("span", "twm-plot-config__constant-value");
+    wrap.append(input, now);
+    const isNumber = (text) => text !== "" && Number.isFinite(Number(text));
+    const sayValue = () => {
+      const named = opts.constantsProvider().find((c) => c.name === input.value.trim());
+      now.textContent = named ? `= ${named.value}` : "";
+    };
+    const settle = () => {
+      const text = input.value.trim();
+      const next = isNumber(text) ? Number(text) : text || null;
+      sayValue();
+      if (next === (line.value ?? null)) return;
+      line.value = next;
+      notify();
+    };
+    const offered = (query) => {
+      const words = (query ?? "").trim().toLowerCase();
+      const groups = /* @__PURE__ */ new Map();
+      for (const c of opts.constantsProvider()) {
+        const text = c.label ?? c.name;
+        if (words && !`${c.name} ${text}`.toLowerCase().includes(words)) continue;
+        if (!groups.has(c.group)) groups.set(c.group, []);
+        groups.get(c.group).push({ value: c.name, label: text, hint: `= ${c.value}` });
+      }
+      return [...groups].flatMap(([group, rows]) => group ? [{ group, options: rows }] : rows);
+    };
+    const list = attachInputOptions(input, {
+      options: offered,
+      debounce: 0,
+      autoHighlight: true,
+      isCandidate: (typed) => isNumber(typed.trim()),
+      openOnFocus: true,
+      isCurrent: (option) => option.value === input.value.trim(),
+      onPick: (option) => {
+        input.value = option.value;
+        settle();
+      },
+      onSettle: settle
+    });
+    input.addEventListener("change", settle);
+    input.addEventListener("keydown", (event) => {
+      if (event.key === "Enter") settle();
+    });
+    track(() => list.destroy());
+    sayValue();
+    return wrap;
+  }
   function referenceLinesEditor(sp) {
     const axisOptions = sp.yAxes.map((a, i) => ({ value: a.id, label: a.label || `Y axis ${i + 1}` }));
     return listEditor(sp, "referenceLines", {
@@ -1344,7 +1414,7 @@ function renderPlotConfigEditor(container, config, options = {}) {
           },
           { label: "Axis" }
         ),
-        numberInput(line.value, (v) => {
+        opts.constantsProvider ? constantValueField(line) : numberInput(line.value, (v) => {
           line.value = v;
           notify();
         }, { placeholder: "Value", label: "Value" }),