flexdesk 0.2.0 → 0.3.0

package/dist/tokens.css

@@ -134,4 +134,49 @@
        --panel-surface, --panel-header-bg, --primary-color-hover) removed
        in Phase 7 — all page CSS now references canonical tokens
        directly. */
+
+    /* ── `--ea-*` — density and chrome tokens `flexdesk.css` DEPENDS ON ──
+       These are not EcoAgent's private variables any more. `flexdesk.css`
+       was extracted from EcoAgent's stylesheets and 27 `--ea-*` names came
+       with it — 47 declarations across the framework's own components read
+       them. FIVE have no fallback:
+
+           --ea-pad-snug   (21 uses)   --ea-pad-loose  (9 uses)
+           --ea-font-body  (14 uses)   --ea-pad-tight  (2 uses)
+           --ea-input-pad  (1 use)
+
+       In EcoAgent they resolve, because EcoAgent defines them in
+       `ecoagent_extra_modes.css`. In ANY OTHER consumer they resolve to
+       nothing, and `padding: 0 var(--ea-pad-loose)` with no fallback is not
+       a smaller padding — it is an invalid declaration that is dropped. The
+       symptom is a modal with misplaced titlebar icons, no body padding,
+       wrong proportions and scrollbars where the content would otherwise
+       have fitted.
+
+       Values are EcoAgent's own (`ecoagent_extra_modes.css:32-52`), so this
+       is additive and changes nothing for EcoAgent, which still defines its
+       copies later and wins. The colour tokens alias the canonical ones
+       above rather than repeating literals. */
+    --ea-pad-tight:   2px;
+    --ea-pad-snug:    6px;
+    --ea-pad-loose:   10px;
+    --ea-input-pad:   4px 8px;
+    --ea-row-h:       18px;
+    --ea-font-body:   11px;
+    --ea-font-small:  10px;
+    --ea-font-mono:   10.5px;
+    --ea-font-title:  11px;
+    --ea-mono:        var(--font-family-mono);
+
+    --ea-bg-chrome:   #1a1a1a;
+    --ea-bg-content:  #212121;
+    --ea-bg-well:     #0d0d0d;
+    --ea-bg-strip:    var(--surface-2);
+    --ea-input-bg:    var(--surface-3);
+    --ea-border:      #333;
+    --ea-border-soft: #2a2a2a;
+    --ea-text:        var(--text-body);
+    --ea-text-muted:  var(--text-muted);
+    --ea-text-dim:    var(--text-dim);
+    --ea-accent:      var(--accent-bright);
 }

package/dist/widgets.js

@@ -7,22 +7,24 @@ import {
   helpCopy,
   helpProvider,
   hideContextMenu,
+  modalHost,
   openConfirm,
   openForm,
   openModal,
   setHelpProvider,
+  setModalHost,
   showContextMenu
-} from "./chunk-DVU44T77.js";
+} from "./chunk-ELXVW542.js";
 import {
   ActionDropdown
-} from "./chunk-TLZUUFOE.js";
+} from "./chunk-O5OHMWBB.js";
 import {
   DataTable,
   createRafResizeObserver
-} from "./chunk-CT4YXXLP.js";
+} from "./chunk-QIU5S2RU.js";
 import {
   ManagedWindow
-} from "./chunk-UCJ2WD4D.js";
+} from "./chunk-LH5TSOZW.js";
 import {
   getSetting
 } from "./chunk-FL5KFNQH.js";
@@ -1113,6 +1115,7 @@ var AutocompleteField = class {
     this._activeIndex = -1;
     this._isOpen = false;
     this._disposers = [];
+    this._suggestSeq = 0;
   }
   getValue() {
     return this.#composeValue();
@@ -1402,24 +1405,48 @@ var AutocompleteField = class {
   }
   #updateSuggestions() {
     const fragment = this.#getInputFragment();
+    const request = ++this._suggestSeq;
+    let produced;
     try {
-      const items = this.provider({
+      produced = this.provider({
         value: fragment,
         scope: this.scope,
         namespace: this.selectedNamespace
-      }) || [];
-      this._items = Array.isArray(items) ? items : [];
-      this._activeIndex = items.length > 0 ? 0 : -1;
-      this.#renderDropdown();
-      if (items.length > 0) {
-        this.#open();
-      } else {
-        this.#close();
-      }
+      });
     } catch (err) {
       this.logger?.warn?.("autocomplete", "Provider error", { err });
       this._items = [];
       this.#close();
+      return;
+    }
+    if (produced && typeof produced.then === "function") {
+      produced.then(
+        (items) => {
+          if (request !== this._suggestSeq) return;
+          this.#applySuggestions(items);
+        },
+        (err) => {
+          this.logger?.warn?.("autocomplete", "Provider error", { err });
+          if (request !== this._suggestSeq) return;
+          this._items = [];
+          this.#close();
+        }
+      );
+      return;
+    }
+    this.#applySuggestions(produced);
+  }
+  /** Draw whatever the provider produced. Split out of `#updateSuggestions`
+   *  so the synchronous and the awaited paths cannot drift apart. */
+  #applySuggestions(produced) {
+    const items = Array.isArray(produced) ? produced : [];
+    this._items = items;
+    this._activeIndex = items.length > 0 ? 0 : -1;
+    this.#renderDropdown();
+    if (items.length > 0) {
+      this.#open();
+    } else {
+      this.#close();
     }
   }
   #renderDropdown() {
@@ -1615,6 +1642,7 @@ var AutocompleteField = class {
     });
   }
   dispose() {
+    this._suggestSeq += 1;
     this.#close();
     this._disposers.forEach((fn) => {
       try {
@@ -5409,6 +5437,7 @@ export {
   installOverlayScrollbar,
   installTabsScrollbars,
   installWorkspaceScrollbars,
+  modalHost,
   mountAttributeListEditor,
   mountGalleryPicker,
   openConfirm,
@@ -5418,6 +5447,7 @@ export {
   reportBridgeError,
   selectItem,
   setHelpProvider,
+  setModalHost,
   showAboutDialog,
   showChoiceDialog,
   showCloseConfirmDialog,