@ind-ds/core 0.1.1 → 0.2.0

package/dist/collection/components/organisms/asset-overview/asset-overview.css

@@ -0,0 +1,34 @@
+:host {
+  min-width: 480px;
+}
+
+.panel-list {
+  max-height: 440px;
+}
+
+.row {
+  display: grid;
+  grid-template-columns: 12px 88px 1fr 120px auto;
+  align-items: center;
+  gap: var(--ind-spacing-4, 8px);
+  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
+  border-bottom: 1px solid var(--ind-surface-border-subtle);
+  font-size: var(--ind-font-size-base, 12px);
+}
+
+.tag {
+  font-family: var(--ind-font-family-mono);
+  color: var(--ind-surface-text-secondary);
+}
+
+.name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.detail {
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-muted);
+  white-space: nowrap;
+}

package/dist/collection/components/organisms/asset-overview/asset-overview.js

@@ -0,0 +1,82 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Tabular overview of plant assets with state dot, health bar and detail.
+ * Suits an asset register or a fleet health page.
+ */
+export class IndAssetOverview {
+    heading = 'Assets';
+    assets = [];
+    healthVariant(h) {
+        if (h === undefined)
+            return 'default';
+        if (h < 40)
+            return 'error';
+        if (h < 70)
+            return 'warning';
+        return 'success';
+    }
+    render() {
+        return (h(Host, { key: '2940434a68bef715cfc3629eb509ff9509d3fbf5' }, h("div", { key: '0eb751f4a281626ed4f7a8eab06f8069f39508a1', class: "panel-head" }, h("span", { key: '275ae9a642cc9f8dee88fa7fdcf8919b59e0641d', class: "panel-title", part: "heading" }, this.heading), h("span", { key: 'b359e1e0f2213d4c80f53d856cdb49ccc4bbba9e', class: "panel-subtitle" }, this.assets.length, " assets")), h("div", { key: 'caa13830b3c719859aa59631303a9a0e31685d8b', class: "panel-list", part: "list" }, this.assets.length === 0 ? (h("div", { class: "panel-empty" }, "No assets")) : (this.assets.map((a) => (h("div", { class: "row", part: "row", key: a.tag }, h("ind-status-dot", { state: (a.state === 'unknown' ? 'neutral' : a.state), size: "sm" }), h("span", { class: "tag", part: "tag" }, a.tag), h("span", { class: "name", part: "name" }, a.name), a.health !== undefined && (h("ind-progress", { class: "health", value: a.health, max: 100, variant: this.healthVariant(a.health), size: "sm" })), a.detail && h("span", { class: "detail", part: "detail" }, a.detail))))))));
+    }
+    static get is() { return "ind-asset-overview"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "asset-overview.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "asset-overview.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Assets'"
+            },
+            "assets": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "AssetItem[]",
+                    "resolved": "AssetItem[]",
+                    "references": {
+                        "AssetItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/asset-overview/asset-overview.tsx",
+                            "id": "src/components/organisms/asset-overview/asset-overview.tsx::AssetItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=asset-overview.js.map

package/dist/collection/components/organisms/asset-overview/asset-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-overview.js","sourceRoot":"","sources":["../../../../src/components/organisms/asset-overview/asset-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAYzD;;;GAGG;AAMH,MAAM,OAAO,gBAAgB;IACnB,OAAO,GAAW,QAAQ,CAAC;IAC3B,MAAM,GAAgB,EAAE,CAAC;IAEzB,aAAa,CAAC,CAAU;QAC9B,IAAI,CAAC,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QACtC,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,OAAO,CAAC;QAC3B,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,6DAAM,KAAK,EAAC,gBAAgB;oBAAE,IAAI,CAAC,MAAM,CAAC,MAAM;8BAAe,CAC3D;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,WAAK,KAAK,EAAC,aAAa,gBAAgB,CACzC,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,WAAK,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC,CAAC,GAAG;gBACpC,sBAAgB,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAQ,EAAE,IAAI,EAAC,IAAI,GAAG;gBACzF,YAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,IAAE,CAAC,CAAC,GAAG,CAAQ;gBAC3C,YAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,CAAC,CAAC,IAAI,CAAQ;gBAC7C,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,CACzB,oBAAc,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAC,IAAI,GAAgB,CACzH;gBACA,CAAC,CAAC,MAAM,IAAI,YAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,IAAE,CAAC,CAAC,MAAM,CAAQ,CAC7D,CACP,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nexport interface AssetItem {\n  tag: string;\n  name: string;\n  state: EquipmentCardState;\n  /** Health score 0–100. */\n  health?: number;\n  detail?: string;\n}\n\n/**\n * Tabular overview of plant assets with state dot, health bar and detail.\n * Suits an asset register or a fleet health page.\n */\n@Component({\n  tag: 'ind-asset-overview',\n  styleUrls: ['../_shared/panel.css', 'asset-overview.css'],\n  shadow: true,\n})\nexport class IndAssetOverview {\n  @Prop() heading: string = 'Assets';\n  @Prop() assets: AssetItem[] = [];\n\n  private healthVariant(h?: number): 'default' | 'success' | 'warning' | 'error' {\n    if (h === undefined) return 'default';\n    if (h < 40) return 'error';\n    if (h < 70) return 'warning';\n    return 'success';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <span class=\"panel-subtitle\">{this.assets.length} assets</span>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {this.assets.length === 0 ? (\n            <div class=\"panel-empty\">No assets</div>\n          ) : (\n            this.assets.map((a) => (\n              <div class=\"row\" part=\"row\" key={a.tag}>\n                <ind-status-dot state={(a.state === 'unknown' ? 'neutral' : a.state) as any} size=\"sm\" />\n                <span class=\"tag\" part=\"tag\">{a.tag}</span>\n                <span class=\"name\" part=\"name\">{a.name}</span>\n                {a.health !== undefined && (\n                  <ind-progress class=\"health\" value={a.health} max={100} variant={this.healthVariant(a.health)} size=\"sm\"></ind-progress>\n                )}\n                {a.detail && <span class=\"detail\" part=\"detail\">{a.detail}</span>}\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.css

@@ -0,0 +1,45 @@
+:host {
+  min-width: 320px;
+}
+
+ind-progress {
+  width: 100%;
+}
+
+.phase {
+  display: flex;
+  align-items: baseline;
+  gap: var(--ind-spacing-3, 6px);
+}
+
+.phase-label {
+  font-size: var(--ind-font-size-xs, 10px);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--ind-surface-text-muted);
+}
+
+.phase-name {
+  font-size: var(--ind-font-size-md, 13px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.state {
+  font-size: var(--ind-font-size-sm, 11px);
+  font-weight: var(--ind-font-weight-bold, 700);
+  padding: 2px 8px;
+  border-radius: var(--ind-radius-full, 9999px);
+  background: var(--ind-surface-raised);
+}
+
+.state-running { color: var(--ind-state-running-bg, #16a34a); }
+.state-held { color: var(--ind-state-warning-bg, #f59e0b); }
+.state-fault { color: var(--ind-state-fault-bg, #dc2626); }
+.state-complete { color: var(--ind-color-palette-cyan-300, #22d3ee); }
+
+.params {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--ind-surface-border-subtle);
+  border-radius: var(--ind-radius-sm, 2px);
+}

package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.js

@@ -0,0 +1,226 @@
+import { h, Host } from "@stencil/core";
+const STATE_LABEL = {
+    idle: 'Idle',
+    running: 'Running',
+    held: 'Held',
+    complete: 'Complete',
+    fault: 'Fault',
+};
+/**
+ * Batch / phase control panel: current phase + progress, Start / Hold / Stop
+ * commands and the active parameter set.
+ */
+export class IndBatchControlPanel {
+    heading = 'Batch control';
+    /** Batch / lot identifier. */
+    batchId;
+    /** Current phase / step name. */
+    phase;
+    /** Batch state — drives the badge. */
+    state = 'idle';
+    /** Phase progress 0–100 %. */
+    progress = 0;
+    /** Active parameters. */
+    parameters = [];
+    indStart;
+    indHold;
+    indStop;
+    render() {
+        const running = this.state === 'running';
+        const progressVariant = this.state === 'fault' ? 'error' : this.state === 'held' ? 'warning' : 'default';
+        return (h(Host, { key: '360352d8819d7d5a116b3e92d326dd673514b491' }, h("div", { key: '93b95f77983940a84936e7cc583b5df407ced82a', class: "panel-head" }, h("div", { key: 'd7e2993d2d9eac492ef60c37bcb9ae5b78507ec8', class: "panel-titles" }, h("span", { key: '8ccbe6dce41a8cb66066141b15ca7f04ead1a713', class: "panel-title", part: "heading" }, this.heading), this.batchId && h("span", { key: '69d40b525971ada02d15e907cf4652974acab222', class: "panel-subtitle" }, "Batch ", this.batchId)), h("span", { key: 'd36e094bb538c5b391e22e5da32dbcedaa86f19b', class: `state state-${this.state}`, part: "state" }, STATE_LABEL[this.state])), h("div", { key: '8dcf054cccc1831150cf938d429074f0e8fc32e2', class: "panel-body" }, this.phase && (h("div", { key: '9ec2cb3823c53a76242d7aa40510954f6f1779d3', class: "phase", part: "phase" }, h("span", { key: 'fe72a704ec0933d79c9e4e3dab55cf7a1cfedbdc', class: "phase-label" }, "Phase"), h("span", { key: 'b1bd64a6de46e6c647da7a9902cb9348fcb7a479', class: "phase-name" }, this.phase))), h("ind-progress", { key: '27b250908786d280b3c845c5c6d1131be306b62e', value: this.progress, max: 100, variant: progressVariant, size: "md", "show-value": true }), h("ind-command-group", { key: '0739bc80b204905295ee82feadeaf2c571a975d1', label: "Batch commands" }, h("ind-button", { key: 'bd06dcc9d3d6793acd0fd89dffaa96511fbd7dc7', variant: "primary", size: "sm", label: "Start", disabled: running, onIndActivate: () => this.indStart.emit() }), h("ind-button", { key: 'b63daaaaa133f1c1b46abd192e7efe95ae13ea9f', variant: "default", size: "sm", label: "Hold", disabled: !running, onIndActivate: () => this.indHold.emit() }), h("ind-button", { key: '4086f63667d7a16460e676721887ac6bb6b8d19f', variant: "danger", size: "sm", label: "Stop", disabled: this.state === 'idle', onIndActivate: () => this.indStop.emit() })), this.parameters.length > 0 && (h("div", { key: 'c261467ad480e31dc519cb462cf911fe062d0337', class: "params", part: "params" }, this.parameters.map((p, i) => (h("ind-batch-parameter-row", { key: i, label: p.label, value: p.value, unit: p.unit, target: p.target, disabled: true }))))))));
+    }
+    static get is() { return "ind-batch-control-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "batch-control-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "batch-control-panel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Batch control'"
+            },
+            "batchId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Batch / lot identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "batch-id"
+            },
+            "phase": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Current phase / step name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "phase"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BatchState",
+                    "resolved": "\"complete\" | \"fault\" | \"held\" | \"idle\" | \"running\"",
+                    "references": {
+                        "BatchState": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/batch-control-panel/batch-control-panel.tsx",
+                            "id": "src/components/organisms/batch-control-panel/batch-control-panel.tsx::BatchState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Batch state \u2014 drives the badge."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'idle'"
+            },
+            "progress": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Phase progress 0\u2013100 %."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "progress",
+                "defaultValue": "0"
+            },
+            "parameters": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "BatchParam[]",
+                    "resolved": "BatchParam[]",
+                    "references": {
+                        "BatchParam": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/batch-control-panel/batch-control-panel.tsx",
+                            "id": "src/components/organisms/batch-control-panel/batch-control-panel.tsx::BatchParam"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Active parameters."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indStart",
+                "name": "indStart",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "indHold",
+                "name": "indHold",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "indStop",
+                "name": "indStop",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=batch-control-panel.js.map

package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/batch-control-panel/batch-control-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type BatchState = 'idle' | 'running' | 'held' | 'complete' | 'fault';\n\nexport interface BatchParam {\n  label: string;\n  value: string | number;\n  unit?: string;\n  target?: string;\n}\n\nconst STATE_LABEL: Record<BatchState, string> = {\n  idle: 'Idle',\n  running: 'Running',\n  held: 'Held',\n  complete: 'Complete',\n  fault: 'Fault',\n};\n\n/**\n * Batch / phase control panel: current phase + progress, Start / Hold / Stop\n * commands and the active parameter set.\n */\n@Component({\n  tag: 'ind-batch-control-panel',\n  styleUrls: ['../_shared/panel.css', 'batch-control-panel.css'],\n  shadow: true,\n})\nexport class IndBatchControlPanel {\n  @Prop() heading: string = 'Batch control';\n  /** Batch / lot identifier. */\n  @Prop() batchId?: string;\n  /** Current phase / step name. */\n  @Prop() phase?: string;\n  /** Batch state — drives the badge. */\n  @Prop({ reflect: true }) state: BatchState = 'idle';\n  /** Phase progress 0–100 %. */\n  @Prop() progress: number = 0;\n  /** Active parameters. */\n  @Prop() parameters: BatchParam[] = [];\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indHold!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n\n  render() {\n    const running = this.state === 'running';\n    const progressVariant = this.state === 'fault' ? 'error' : this.state === 'held' ? 'warning' : 'default';\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.batchId && <span class=\"panel-subtitle\">Batch {this.batchId}</span>}\n          </div>\n          <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n        </div>\n        <div class=\"panel-body\">\n          {this.phase && (\n            <div class=\"phase\" part=\"phase\">\n              <span class=\"phase-label\">Phase</span>\n              <span class=\"phase-name\">{this.phase}</span>\n            </div>\n          )}\n          <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value></ind-progress>\n          <ind-command-group label=\"Batch commands\">\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Start\" disabled={running} onIndActivate={() => this.indStart.emit()} />\n            <ind-button variant=\"default\" size=\"sm\" label=\"Hold\" disabled={!running} onIndActivate={() => this.indHold.emit()} />\n            <ind-button variant=\"danger\" size=\"sm\" label=\"Stop\" disabled={this.state === 'idle'} onIndActivate={() => this.indStop.emit()} />\n          </ind-command-group>\n          {this.parameters.length > 0 && (\n            <div class=\"params\" part=\"params\">\n              {this.parameters.map((p, i) => (\n                <ind-batch-parameter-row\n                  key={i}\n                  label={p.label}\n                  value={p.value}\n                  unit={p.unit}\n                  target={p.target}\n                  disabled\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/command-center/command-center.css

@@ -0,0 +1,7 @@
+:host {
+  min-width: 360px;
+}
+
+.panel-grid ::slotted(ind-button) {
+  width: 100%;
+}

package/dist/collection/components/organisms/command-center/command-center.js

@@ -0,0 +1,70 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Command center: a grid palette of command buttons / command groups for an
+ * operator landing page or a quick-action overlay. Slot the commands in.
+ */
+export class IndCommandCenter {
+    heading = 'Commands';
+    /** Number of grid columns. */
+    columns = 3;
+    render() {
+        return (h(Host, { key: '0e940307c0d90ba04dbc0f76d64719da1de05645' }, h("div", { key: '9d1f55e83a5ef6349ce9aca43e160a33498f632d', class: "panel-head" }, h("span", { key: '8528df0fbc7392610f97065563f11ced38671ecb', class: "panel-title", part: "heading" }, this.heading), h("div", { key: '2a40df00eeb14acc6e826b0598197610a0b66c32', class: "panel-actions" }, h("slot", { key: '94651051f0ce2c1b623b40a415684beeb15992cd', name: "actions" }))), h("div", { key: 'e59a5ac82ad66bc57f25b85e3183624d1b595066', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, h("slot", { key: '9e771be3149a0a349c5933fbd3498e005ab78158' }))));
+    }
+    static get is() { return "ind-command-center"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "command-center.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "command-center.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Commands'"
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of grid columns."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns",
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=command-center.js.map

package/dist/collection/components/organisms/command-center/command-center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-center.js","sourceRoot":"","sources":["../../../../src/components/organisms/command-center/command-center.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,gBAAgB;IACnB,OAAO,GAAW,UAAU,CAAC;IACrC,8BAA8B;IACtB,OAAO,GAAW,CAAC,CAAC;IAE5B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,4DAAK,KAAK,EAAC,eAAe;oBAAC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAAM,CACpD;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Command center: a grid palette of command buttons / command groups for an\n * operator landing page or a quick-action overlay. Slot the commands in.\n */\n@Component({\n  tag: 'ind-command-center',\n  styleUrls: ['../_shared/panel.css', 'command-center.css'],\n  shadow: true,\n})\nexport class IndCommandCenter {\n  @Prop() heading: string = 'Commands';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/context-toolbar/context-toolbar.css

@@ -0,0 +1,48 @@
+:host {
+  display: flex;
+  align-items: center;
+  gap: var(--ind-spacing-4, 8px);
+  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
+  background: var(--ind-surface-panel);
+  border-bottom: 1px solid var(--ind-surface-border-default);
+  font-family: var(--ind-font-family-sans);
+  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
+  box-sizing: border-box;
+  min-height: 38px;
+}
+
+.breadcrumb {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ind-spacing-2, 4px);
+}
+
+.breadcrumb:empty {
+  display: none;
+}
+
+.titles {
+  display: flex;
+  align-items: baseline;
+  gap: var(--ind-spacing-3, 6px);
+}
+
+.title {
+  font-size: var(--ind-font-size-lg, 14px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.subtitle {
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
+}
+
+.spacer {
+  flex: 1 1 auto;
+}
+
+.actions {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ind-spacing-3, 6px);
+}

package/dist/collection/components/organisms/context-toolbar/context-toolbar.js

@@ -0,0 +1,70 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Contextual toolbar that sits below the app header: current view title (with
+ * optional breadcrumb slot) on the left and contextual command buttons on the
+ * right via the `actions` slot.
+ */
+export class IndContextToolbar {
+    /** Current view title. */
+    heading;
+    /** Secondary context line. */
+    subtitle;
+    render() {
+        return (h(Host, { key: 'a9302d86369c895379721464d9d34a4e1eb4b51d', role: "toolbar" }, h("span", { key: '74c7eb1387b559dfb0887d79668a3fb618666b1c', class: "breadcrumb", part: "breadcrumb" }, h("slot", { key: '5a3e0b0d88a6b57843b0cff7e34dfcfe68347863', name: "breadcrumb" })), (this.heading || this.subtitle) && (h("div", { key: '9107f282eac897052bbccb930a88d84601477c82', class: "titles", part: "titles" }, this.heading && h("span", { key: '6520511d7296e7353e4ac5fde3355fd6731ba8af', class: "title" }, this.heading), this.subtitle && h("span", { key: '089fa093f744c1b365671f7578b71e6e5b2f8637', class: "subtitle" }, this.subtitle))), h("span", { key: '65d9a6a58f4b00fde695b419adc06b340854d305', class: "spacer" }), h("div", { key: 'eefc07c418165ace1d4532ea3035f224ae0ffbb6', class: "actions", part: "actions" }, h("slot", { key: '3b0d55e1bb6c71dc063a8b815d8f32695c524ea2', name: "actions" })), h("slot", { key: '751f2e3f4b3a209a85f3c73a570bee89612b1806' })));
+    }
+    static get is() { return "ind-context-toolbar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["context-toolbar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["context-toolbar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Current view title."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
+            },
+            "subtitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Secondary context line."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subtitle"
+            }
+        };
+    }
+}
+//# sourceMappingURL=context-toolbar.js.map

package/dist/collection/components/organisms/context-toolbar/context-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-toolbar.js","sourceRoot":"","sources":["../../../../src/components/organisms/context-toolbar/context-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;GAIG;AAMH,MAAM,OAAO,iBAAiB;IAC5B,0BAA0B;IAClB,OAAO,CAAU;IACzB,8BAA8B;IACtB,QAAQ,CAAU;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,SAAS;YAClB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY;gBAAC,6DAAM,IAAI,EAAC,YAAY,GAAG,CAAO;YAC3E,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAClC,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;gBAC9B,IAAI,CAAC,OAAO,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,OAAO,CAAQ;gBACzD,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAC3D,CACP;YACD,6DAAM,KAAK,EAAC,QAAQ,GAAG;YACvB,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;gBAAC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAAM;YACjE,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Contextual toolbar that sits below the app header: current view title (with\n * optional breadcrumb slot) on the left and contextual command buttons on the\n * right via the `actions` slot.\n */\n@Component({\n  tag: 'ind-context-toolbar',\n  styleUrl: 'context-toolbar.css',\n  shadow: true,\n})\nexport class IndContextToolbar {\n  /** Current view title. */\n  @Prop() heading?: string;\n  /** Secondary context line. */\n  @Prop() subtitle?: string;\n\n  render() {\n    return (\n      <Host role=\"toolbar\">\n        <span class=\"breadcrumb\" part=\"breadcrumb\"><slot name=\"breadcrumb\" /></span>\n        {(this.heading || this.subtitle) && (\n          <div class=\"titles\" part=\"titles\">\n            {this.heading && <span class=\"title\">{this.heading}</span>}\n            {this.subtitle && <span class=\"subtitle\">{this.subtitle}</span>}\n          </div>\n        )}\n        <span class=\"spacer\" />\n        <div class=\"actions\" part=\"actions\"><slot name=\"actions\" /></div>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}