@countermeasure-platform/web-components 0.2.0

package/dist/visualization/rule-editor/index.js

@@ -0,0 +1,262 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/visualization/rule-editor/index.ts
+var n = {
+	string: [
+		"equals",
+		"not equals",
+		"contains",
+		"starts with",
+		"ends with",
+		"is empty",
+		"is not empty"
+	],
+	number: [
+		"equals",
+		"not equals",
+		"greater than",
+		"less than",
+		"greater or equal",
+		"less or equal",
+		"between"
+	],
+	boolean: ["equals", "not equals"],
+	date: [
+		"equals",
+		"before",
+		"after",
+		"between",
+		"in last",
+		"is empty"
+	]
+};
+function r(e) {
+	return "logic" in e && "conditions" in e;
+}
+function i() {
+	return e("rule");
+}
+var a = class {
+	container;
+	config;
+	instanceId;
+	fields;
+	maxDepth;
+	rules;
+	wrapperEl = null;
+	dragState = null;
+	constructor(n) {
+		this.container = t(n.container), this.config = n, this.instanceId = e("cmm-rule-editor"), this.fields = n.fields, this.maxDepth = n.maxDepth ?? 3, this.rules = this.cloneGroup(n.rules), this.render();
+	}
+	getValue() {
+		return this.cloneGroup(this.rules);
+	}
+	setValue(e) {
+		this.rules = this.cloneGroup(e), this.render();
+	}
+	destroy() {
+		this.container.innerHTML = "", this.wrapperEl = null, this.dragState = null;
+	}
+	cloneGroup(e) {
+		return {
+			id: e.id,
+			logic: e.logic,
+			conditions: e.conditions.map((e) => r(e) ? this.cloneGroup(e) : { ...e })
+		};
+	}
+	emitChange() {
+		this.config.onChange?.(this.cloneGroup(this.rules));
+	}
+	render() {
+		this.container.innerHTML = "";
+		let e = document.createElement("div");
+		e.className = "cmm-rule-editor", e.id = this.instanceId, this.config.className !== void 0 && e.classList.add(this.config.className), e.appendChild(this.renderGroup(this.rules, 0)), this.wrapperEl = e, this.container.appendChild(e);
+	}
+	renderGroup(e, t) {
+		let n = document.createElement("div");
+		n.className = "cmm-rule-editor__group", n.dataset.groupId = e.id, n.dataset.depth = String(t), t > 0 && n.classList.add("cmm-rule-editor__group--nested");
+		let a = document.createElement("div");
+		a.className = "cmm-rule-editor__group-header";
+		let o = document.createElement("button");
+		o.className = "cmm-rule-editor__logic-toggle", o.classList.add(e.logic === "AND" ? "cmm-rule-editor__logic-toggle--and" : "cmm-rule-editor__logic-toggle--or"), o.textContent = e.logic, o.addEventListener("click", () => {
+			e.logic = e.logic === "AND" ? "OR" : "AND", this.emitChange(), this.render();
+		}), a.appendChild(o);
+		let s = document.createElement("button");
+		if (s.className = "cmm-rule-editor__btn cmm-rule-editor__btn--add-condition", s.textContent = "+ Condition", s.addEventListener("click", () => {
+			let t = this.fields[0];
+			if (t === void 0) return;
+			let n = this.getOperatorsForField(t)[0], r = {
+				id: i(),
+				field: t.name,
+				operator: n ?? "equals",
+				value: this.getDefaultValue(t.type),
+				type: t.type
+			};
+			e.conditions.push(r), this.emitChange(), this.render();
+		}), a.appendChild(s), t < this.maxDepth - 1) {
+			let t = document.createElement("button");
+			t.className = "cmm-rule-editor__btn cmm-rule-editor__btn--add-group", t.textContent = "+ Group", t.addEventListener("click", () => {
+				let t = {
+					id: i(),
+					logic: "AND",
+					conditions: []
+				};
+				e.conditions.push(t), this.emitChange(), this.render();
+			}), a.appendChild(t);
+		}
+		if (t > 0) {
+			let t = document.createElement("button");
+			t.className = "cmm-rule-editor__btn cmm-rule-editor__btn--remove", t.textContent = "×", t.title = "Remove group", t.addEventListener("click", () => {
+				this.removeGroupById(this.rules, e.id), this.emitChange(), this.render();
+			}), a.appendChild(t);
+		}
+		n.appendChild(a);
+		let c = document.createElement("div");
+		c.className = "cmm-rule-editor__conditions", c.dataset.groupId = e.id, this.setupGroupDropZone(c, e);
+		for (let n of e.conditions) r(n) ? c.appendChild(this.renderGroup(n, t + 1)) : c.appendChild(this.renderCondition(n, e));
+		return n.appendChild(c), n;
+	}
+	renderCondition(e, t) {
+		let n = document.createElement("div");
+		n.className = "cmm-rule-editor__condition", n.dataset.conditionId = e.id, n.draggable = !0, this.setupConditionDrag(n, e.id, t.id);
+		let i = document.createElement("span");
+		i.className = "cmm-rule-editor__drag-handle", i.textContent = "≡", i.title = "Drag to reorder", n.appendChild(i);
+		let a = document.createElement("select");
+		a.className = "cmm-rule-editor__select cmm-rule-editor__field-select";
+		for (let t of this.fields) {
+			let n = document.createElement("option");
+			n.value = t.name, n.textContent = t.label, t.name === e.field && (n.selected = !0), a.appendChild(n);
+		}
+		a.addEventListener("change", () => {
+			e.field = a.value;
+			let t = this.fields.find((e) => e.name === a.value);
+			t !== void 0 && (e.type = t.type, e.operator = this.getOperatorsForField(t)[0] ?? "equals", e.value = this.getDefaultValue(t.type)), this.emitChange(), this.render();
+		}), n.appendChild(a);
+		let o = this.fields.find((t) => t.name === e.field), s = o === void 0 ? ["equals"] : this.getOperatorsForField(o), c = document.createElement("select");
+		c.className = "cmm-rule-editor__select cmm-rule-editor__operator-select";
+		for (let t of s) {
+			let n = document.createElement("option");
+			n.value = t, n.textContent = t, t === e.operator && (n.selected = !0), c.appendChild(n);
+		}
+		c.addEventListener("change", () => {
+			e.operator = c.value, this.emitChange();
+		}), n.appendChild(c);
+		let l = this.createValueInput(e, o);
+		n.appendChild(l);
+		let u = document.createElement("button");
+		return u.className = "cmm-rule-editor__btn cmm-rule-editor__btn--remove", u.textContent = "×", u.title = "Remove condition", u.addEventListener("click", () => {
+			let n = t.conditions.findIndex((t) => !r(t) && t.id === e.id);
+			n >= 0 && (t.conditions.splice(n, 1), this.emitChange(), this.render());
+		}), n.appendChild(u), n;
+	}
+	createValueInput(e, t) {
+		switch (e.type ?? t?.type ?? "string") {
+			case "boolean": {
+				let t = document.createElement("select");
+				t.className = "cmm-rule-editor__select cmm-rule-editor__value-select";
+				let n = document.createElement("option");
+				n.value = "true", n.textContent = "true", (e.value === !0 || e.value === "true") && (n.selected = !0), t.appendChild(n);
+				let r = document.createElement("option");
+				return r.value = "false", r.textContent = "false", (e.value === !1 || e.value === "false") && (r.selected = !0), t.appendChild(r), t.addEventListener("change", () => {
+					e.value = t.value === "true", this.emitChange();
+				}), t;
+			}
+			case "number": {
+				let t = document.createElement("input");
+				return t.className = "cmm-rule-editor__input", t.type = "number", t.value = String(e.value), t.addEventListener("change", () => {
+					let n = Number(t.value);
+					e.value = Number.isNaN(n) ? 0 : n, this.emitChange();
+				}), t;
+			}
+			case "date": {
+				let t = document.createElement("input");
+				return t.className = "cmm-rule-editor__input", t.type = "date", t.value = String(e.value), t.addEventListener("change", () => {
+					e.value = t.value, this.emitChange();
+				}), t;
+			}
+			default: {
+				let t = document.createElement("input");
+				return t.className = "cmm-rule-editor__input", t.type = "text", t.value = String(e.value), t.placeholder = "Enter value...", t.addEventListener("input", () => {
+					e.value = t.value, this.emitChange();
+				}), t;
+			}
+		}
+	}
+	getOperatorsForField(e) {
+		return e.operators !== void 0 && e.operators.length > 0 ? e.operators : n[e.type] ?? ["equals"];
+	}
+	getDefaultValue(e) {
+		switch (e) {
+			case "number": return 0;
+			case "boolean": return !0;
+			case "date": return (/* @__PURE__ */ new Date()).toISOString().split("T")[0] ?? "";
+			default: return "";
+		}
+	}
+	removeGroupById(e, t) {
+		for (let n = 0; n < e.conditions.length; n++) {
+			let i = e.conditions[n];
+			if (i !== void 0 && r(i)) {
+				if (i.id === t) return e.conditions.splice(n, 1), !0;
+				if (this.removeGroupById(i, t)) return !0;
+			}
+		}
+		return !1;
+	}
+	findGroupById(e, t) {
+		if (e.id === t) return e;
+		for (let n of e.conditions) if (r(n)) {
+			let e = this.findGroupById(n, t);
+			if (e !== void 0) return e;
+		}
+	}
+	setupConditionDrag(e, t, n) {
+		e.addEventListener("dragstart", (r) => {
+			this.dragState = {
+				conditionId: t,
+				groupId: n
+			}, e.classList.add("cmm-rule-editor__condition--dragging"), r.dataTransfer !== null && (r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData("text/plain", t));
+		}), e.addEventListener("dragend", () => {
+			if (e.classList.remove("cmm-rule-editor__condition--dragging"), this.dragState = null, this.wrapperEl !== null) {
+				let e = this.wrapperEl.querySelectorAll(".cmm-rule-editor__conditions--drag-over");
+				for (let t of e) t.classList.remove("cmm-rule-editor__conditions--drag-over");
+			}
+		});
+	}
+	setupGroupDropZone(e, t) {
+		e.addEventListener("dragover", (t) => {
+			t.preventDefault(), t.dataTransfer !== null && (t.dataTransfer.dropEffect = "move"), e.classList.add("cmm-rule-editor__conditions--drag-over");
+		}), e.addEventListener("dragleave", (t) => {
+			let n = t.relatedTarget;
+			n instanceof Node && e.contains(n) || e.classList.remove("cmm-rule-editor__conditions--drag-over");
+		}), e.addEventListener("drop", (n) => {
+			if (n.preventDefault(), n.stopPropagation(), e.classList.remove("cmm-rule-editor__conditions--drag-over"), this.dragState === null) return;
+			let { conditionId: i, groupId: a } = this.dragState;
+			this.dragState = null;
+			let o = this.findGroupById(this.rules, a);
+			if (o === void 0) return;
+			let s = o.conditions.findIndex((e) => !r(e) && e.id === i);
+			if (s < 0) return;
+			let c = o.conditions.splice(s, 1)[0];
+			if (c === void 0) return;
+			let l = this.calculateDropIndex(e, n.clientY), u = Math.min(l, t.conditions.length);
+			t.conditions.splice(u, 0, c), this.emitChange(), this.render();
+		});
+	}
+	calculateDropIndex(e, t) {
+		let n = e.querySelectorAll(":scope > .cmm-rule-editor__condition, :scope > .cmm-rule-editor__group"), r = n.length;
+		for (let e = 0; e < n.length; e++) {
+			let i = n[e];
+			if (i === void 0) continue;
+			let a = i.getBoundingClientRect();
+			if (t < a.top + a.height / 2) {
+				r = e;
+				break;
+			}
+		}
+		return r;
+	}
+};
+//#endregion
+export { a as RuleEditor };
+
+//# sourceMappingURL=index.js.map

package/dist/visualization/rule-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/visualization/rule-editor/index.ts"],"sourcesContent":["/**\n * RuleEditor - Visual query/rule builder component\n * @countermeasure/web-components/visualization/rule-editor\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport type { FieldDefinition, RuleCondition, RuleEditorConfig, RuleGroup } from './types'\n\nexport type { FieldDefinition, RuleCondition, RuleEditorConfig, RuleGroup } from './types'\n\n/** Default operators for each field type */\nconst DEFAULT_OPERATORS: Record<string, string[]> = {\n  string: [\n    'equals',\n    'not equals',\n    'contains',\n    'starts with',\n    'ends with',\n    'is empty',\n    'is not empty',\n  ],\n  number: [\n    'equals',\n    'not equals',\n    'greater than',\n    'less than',\n    'greater or equal',\n    'less or equal',\n    'between',\n  ],\n  boolean: ['equals', 'not equals'],\n  date: ['equals', 'before', 'after', 'between', 'in last', 'is empty'],\n}\n\n/** Check whether an item is a RuleGroup (has `logic` and `conditions`) */\nfunction isRuleGroup(item: RuleCondition | RuleGroup): item is RuleGroup {\n  return 'logic' in item && 'conditions' in item\n}\n\n/** Generate a random short ID */\nfunction randomId(): string {\n  return uniqueId('rule')\n}\n\nexport class RuleEditor {\n  private readonly container: HTMLElement\n  private readonly config: RuleEditorConfig\n  private readonly instanceId: string\n  private readonly fields: FieldDefinition[]\n  private readonly maxDepth: number\n  private rules: RuleGroup\n  private wrapperEl: HTMLElement | null = null\n  private dragState: { conditionId: string; groupId: string } | null = null\n\n  constructor(config: RuleEditorConfig) {\n    this.container = resolveContainer(config.container)\n    this.config = config\n    this.instanceId = uniqueId('cmm-rule-editor')\n    this.fields = config.fields\n    this.maxDepth = config.maxDepth ?? 3\n    this.rules = this.cloneGroup(config.rules)\n    this.render()\n  }\n\n  /** Get the current rule group value */\n  getValue(): RuleGroup {\n    return this.cloneGroup(this.rules)\n  }\n\n  /** Set the rules and re-render */\n  setValue(rules: RuleGroup): void {\n    this.rules = this.cloneGroup(rules)\n    this.render()\n  }\n\n  /** Remove the component from the DOM and clean up */\n  destroy(): void {\n    this.container.innerHTML = ''\n    this.wrapperEl = null\n    this.dragState = null\n  }\n\n  /** Deep clone a rule group */\n  private cloneGroup(group: RuleGroup): RuleGroup {\n    return {\n      id: group.id,\n      logic: group.logic,\n      conditions: group.conditions.map(item => {\n        if (isRuleGroup(item)) {\n          return this.cloneGroup(item)\n        }\n        return { ...item }\n      }),\n    }\n  }\n\n  /** Notify the onChange callback */\n  private emitChange(): void {\n    this.config.onChange?.(this.cloneGroup(this.rules))\n  }\n\n  /** Render the entire editor */\n  private render(): void {\n    this.container.innerHTML = ''\n\n    const wrapper = document.createElement('div')\n    wrapper.className = 'cmm-rule-editor'\n    wrapper.id = this.instanceId\n\n    if (this.config.className !== undefined) {\n      wrapper.classList.add(this.config.className)\n    }\n\n    wrapper.appendChild(this.renderGroup(this.rules, 0))\n\n    this.wrapperEl = wrapper\n    this.container.appendChild(wrapper)\n  }\n\n  /** Render a rule group */\n  private renderGroup(group: RuleGroup, depth: number): HTMLElement {\n    const groupEl = document.createElement('div')\n    groupEl.className = 'cmm-rule-editor__group'\n    groupEl.dataset.groupId = group.id\n    groupEl.dataset.depth = String(depth)\n\n    if (depth > 0) {\n      groupEl.classList.add('cmm-rule-editor__group--nested')\n    }\n\n    // Group header\n    const header = document.createElement('div')\n    header.className = 'cmm-rule-editor__group-header'\n\n    // Logic toggle\n    const logicToggle = document.createElement('button')\n    logicToggle.className = 'cmm-rule-editor__logic-toggle'\n    logicToggle.classList.add(\n      group.logic === 'AND'\n        ? 'cmm-rule-editor__logic-toggle--and'\n        : 'cmm-rule-editor__logic-toggle--or'\n    )\n    logicToggle.textContent = group.logic\n    logicToggle.addEventListener('click', () => {\n      group.logic = group.logic === 'AND' ? 'OR' : 'AND'\n      this.emitChange()\n      this.render()\n    })\n    header.appendChild(logicToggle)\n\n    // Add condition button\n    const addCondBtn = document.createElement('button')\n    addCondBtn.className = 'cmm-rule-editor__btn cmm-rule-editor__btn--add-condition'\n    addCondBtn.textContent = '+ Condition'\n    addCondBtn.addEventListener('click', () => {\n      const firstField = this.fields[0]\n      if (firstField === undefined) {\n        return\n      }\n      const operators = this.getOperatorsForField(firstField)\n      const firstOp = operators[0]\n      const newCondition: RuleCondition = {\n        id: randomId(),\n        field: firstField.name,\n        operator: firstOp ?? 'equals',\n        value: this.getDefaultValue(firstField.type),\n        type: firstField.type,\n      }\n      group.conditions.push(newCondition)\n      this.emitChange()\n      this.render()\n    })\n    header.appendChild(addCondBtn)\n\n    // Add group button (only if under max depth)\n    if (depth < this.maxDepth - 1) {\n      const addGroupBtn = document.createElement('button')\n      addGroupBtn.className = 'cmm-rule-editor__btn cmm-rule-editor__btn--add-group'\n      addGroupBtn.textContent = '+ Group'\n      addGroupBtn.addEventListener('click', () => {\n        const newGroup: RuleGroup = {\n          id: randomId(),\n          logic: 'AND',\n          conditions: [],\n        }\n        group.conditions.push(newGroup)\n        this.emitChange()\n        this.render()\n      })\n      header.appendChild(addGroupBtn)\n    }\n\n    // Remove group button (not for root)\n    if (depth > 0) {\n      const removeGroupBtn = document.createElement('button')\n      removeGroupBtn.className = 'cmm-rule-editor__btn cmm-rule-editor__btn--remove'\n      removeGroupBtn.textContent = '\\u00D7'\n      removeGroupBtn.title = 'Remove group'\n      removeGroupBtn.addEventListener('click', () => {\n        this.removeGroupById(this.rules, group.id)\n        this.emitChange()\n        this.render()\n      })\n      header.appendChild(removeGroupBtn)\n    }\n\n    groupEl.appendChild(header)\n\n    // Conditions list\n    const conditionsList = document.createElement('div')\n    conditionsList.className = 'cmm-rule-editor__conditions'\n    conditionsList.dataset.groupId = group.id\n\n    this.setupGroupDropZone(conditionsList, group)\n\n    for (const item of group.conditions) {\n      if (isRuleGroup(item)) {\n        conditionsList.appendChild(this.renderGroup(item, depth + 1))\n      } else {\n        conditionsList.appendChild(this.renderCondition(item, group))\n      }\n    }\n\n    groupEl.appendChild(conditionsList)\n    return groupEl\n  }\n\n  /** Render a single condition row */\n  private renderCondition(condition: RuleCondition, parentGroup: RuleGroup): HTMLElement {\n    const rowEl = document.createElement('div')\n    rowEl.className = 'cmm-rule-editor__condition'\n    rowEl.dataset.conditionId = condition.id\n    rowEl.draggable = true\n\n    this.setupConditionDrag(rowEl, condition.id, parentGroup.id)\n\n    // Drag handle\n    const handle = document.createElement('span')\n    handle.className = 'cmm-rule-editor__drag-handle'\n    handle.textContent = '\\u2261'\n    handle.title = 'Drag to reorder'\n    rowEl.appendChild(handle)\n\n    // Field select\n    const fieldSelect = document.createElement('select')\n    fieldSelect.className = 'cmm-rule-editor__select cmm-rule-editor__field-select'\n\n    for (const field of this.fields) {\n      const opt = document.createElement('option')\n      opt.value = field.name\n      opt.textContent = field.label\n      if (field.name === condition.field) {\n        opt.selected = true\n      }\n      fieldSelect.appendChild(opt)\n    }\n\n    fieldSelect.addEventListener('change', () => {\n      condition.field = fieldSelect.value\n      const fieldDef = this.fields.find(f => f.name === fieldSelect.value)\n      if (fieldDef !== undefined) {\n        condition.type = fieldDef.type\n        const ops = this.getOperatorsForField(fieldDef)\n        const firstOp = ops[0]\n        condition.operator = firstOp ?? 'equals'\n        condition.value = this.getDefaultValue(fieldDef.type)\n      }\n      this.emitChange()\n      this.render()\n    })\n    rowEl.appendChild(fieldSelect)\n\n    // Operator select\n    const fieldDef = this.fields.find(f => f.name === condition.field)\n    const operators = fieldDef !== undefined ? this.getOperatorsForField(fieldDef) : ['equals']\n\n    const opSelect = document.createElement('select')\n    opSelect.className = 'cmm-rule-editor__select cmm-rule-editor__operator-select'\n\n    for (const op of operators) {\n      const opt = document.createElement('option')\n      opt.value = op\n      opt.textContent = op\n      if (op === condition.operator) {\n        opt.selected = true\n      }\n      opSelect.appendChild(opt)\n    }\n\n    opSelect.addEventListener('change', () => {\n      condition.operator = opSelect.value\n      this.emitChange()\n    })\n    rowEl.appendChild(opSelect)\n\n    // Value input\n    const valueInput = this.createValueInput(condition, fieldDef)\n    rowEl.appendChild(valueInput)\n\n    // Remove button\n    const removeBtn = document.createElement('button')\n    removeBtn.className = 'cmm-rule-editor__btn cmm-rule-editor__btn--remove'\n    removeBtn.textContent = '\\u00D7'\n    removeBtn.title = 'Remove condition'\n    removeBtn.addEventListener('click', () => {\n      const idx = parentGroup.conditions.findIndex(c => !isRuleGroup(c) && c.id === condition.id)\n      if (idx >= 0) {\n        parentGroup.conditions.splice(idx, 1)\n        this.emitChange()\n        this.render()\n      }\n    })\n    rowEl.appendChild(removeBtn)\n\n    return rowEl\n  }\n\n  /** Create an appropriate value input for the condition type */\n  private createValueInput(\n    condition: RuleCondition,\n    fieldDef: FieldDefinition | undefined\n  ): HTMLElement {\n    const effectiveType = condition.type ?? fieldDef?.type ?? 'string'\n\n    switch (effectiveType) {\n      case 'boolean': {\n        const select = document.createElement('select')\n        select.className = 'cmm-rule-editor__select cmm-rule-editor__value-select'\n\n        const trueOpt = document.createElement('option')\n        trueOpt.value = 'true'\n        trueOpt.textContent = 'true'\n        if (condition.value === true || condition.value === 'true') {\n          trueOpt.selected = true\n        }\n        select.appendChild(trueOpt)\n\n        const falseOpt = document.createElement('option')\n        falseOpt.value = 'false'\n        falseOpt.textContent = 'false'\n        if (condition.value === false || condition.value === 'false') {\n          falseOpt.selected = true\n        }\n        select.appendChild(falseOpt)\n\n        select.addEventListener('change', () => {\n          condition.value = select.value === 'true'\n          this.emitChange()\n        })\n\n        return select\n      }\n      case 'number': {\n        const input = document.createElement('input')\n        input.className = 'cmm-rule-editor__input'\n        input.type = 'number'\n        input.value = String(condition.value)\n        input.addEventListener('change', () => {\n          const parsed = Number(input.value)\n          condition.value = Number.isNaN(parsed) ? 0 : parsed\n          this.emitChange()\n        })\n        return input\n      }\n      case 'date': {\n        const input = document.createElement('input')\n        input.className = 'cmm-rule-editor__input'\n        input.type = 'date'\n        input.value = String(condition.value)\n        input.addEventListener('change', () => {\n          condition.value = input.value\n          this.emitChange()\n        })\n        return input\n      }\n      default: {\n        const input = document.createElement('input')\n        input.className = 'cmm-rule-editor__input'\n        input.type = 'text'\n        input.value = String(condition.value)\n        input.placeholder = 'Enter value...'\n        input.addEventListener('input', () => {\n          condition.value = input.value\n          this.emitChange()\n        })\n        return input\n      }\n    }\n  }\n\n  /** Get operators for a field definition */\n  private getOperatorsForField(field: FieldDefinition): string[] {\n    if (field.operators !== undefined && field.operators.length > 0) {\n      return field.operators\n    }\n    const defaults = DEFAULT_OPERATORS[field.type]\n    return defaults ?? ['equals']\n  }\n\n  /** Get the default value for a field type */\n  private getDefaultValue(\n    type: 'string' | 'number' | 'boolean' | 'date'\n  ): string | number | boolean {\n    switch (type) {\n      case 'number':\n        return 0\n      case 'boolean':\n        return true\n      case 'date':\n        return new Date().toISOString().split('T')[0] ?? ''\n      default:\n        return ''\n    }\n  }\n\n  /** Recursively find and remove a group by ID */\n  private removeGroupById(parent: RuleGroup, groupId: string): boolean {\n    for (let i = 0; i < parent.conditions.length; i++) {\n      const item = parent.conditions[i]\n      if (item === undefined) {\n        continue\n      }\n\n      if (isRuleGroup(item)) {\n        if (item.id === groupId) {\n          parent.conditions.splice(i, 1)\n          return true\n        }\n        if (this.removeGroupById(item, groupId)) {\n          return true\n        }\n      }\n    }\n    return false\n  }\n\n  /** Recursively find a group by ID */\n  private findGroupById(group: RuleGroup, groupId: string): RuleGroup | undefined {\n    if (group.id === groupId) {\n      return group\n    }\n\n    for (const item of group.conditions) {\n      if (isRuleGroup(item)) {\n        const found = this.findGroupById(item, groupId)\n        if (found !== undefined) {\n          return found\n        }\n      }\n    }\n\n    return undefined\n  }\n\n  /** Set up drag events on a condition row */\n  private setupConditionDrag(el: HTMLElement, conditionId: string, groupId: string): void {\n    el.addEventListener('dragstart', (e: DragEvent) => {\n      this.dragState = { conditionId, groupId }\n      el.classList.add('cmm-rule-editor__condition--dragging')\n\n      if (e.dataTransfer !== null) {\n        e.dataTransfer.effectAllowed = 'move'\n        e.dataTransfer.setData('text/plain', conditionId)\n      }\n    })\n\n    el.addEventListener('dragend', () => {\n      el.classList.remove('cmm-rule-editor__condition--dragging')\n      this.dragState = null\n\n      if (this.wrapperEl !== null) {\n        const indicators = this.wrapperEl.querySelectorAll(\n          '.cmm-rule-editor__conditions--drag-over'\n        )\n        for (const ind of indicators) {\n          ind.classList.remove('cmm-rule-editor__conditions--drag-over')\n        }\n      }\n    })\n  }\n\n  /** Set up drop zone on a conditions list */\n  private setupGroupDropZone(el: HTMLElement, group: RuleGroup): void {\n    el.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault()\n      if (e.dataTransfer !== null) {\n        e.dataTransfer.dropEffect = 'move'\n      }\n      el.classList.add('cmm-rule-editor__conditions--drag-over')\n    })\n\n    el.addEventListener('dragleave', (e: DragEvent) => {\n      const related = e.relatedTarget\n      if (related instanceof Node && el.contains(related)) {\n        return\n      }\n      el.classList.remove('cmm-rule-editor__conditions--drag-over')\n    })\n\n    el.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      el.classList.remove('cmm-rule-editor__conditions--drag-over')\n\n      if (this.dragState === null) {\n        return\n      }\n\n      const { conditionId, groupId: sourceGroupId } = this.dragState\n      this.dragState = null\n\n      // Find the source group and remove the condition\n      const sourceGroup = this.findGroupById(this.rules, sourceGroupId)\n      if (sourceGroup === undefined) {\n        return\n      }\n\n      const condIdx = sourceGroup.conditions.findIndex(c => !isRuleGroup(c) && c.id === conditionId)\n      if (condIdx < 0) {\n        return\n      }\n\n      const removed = sourceGroup.conditions.splice(condIdx, 1)\n      const condition = removed[0]\n      if (condition === undefined) {\n        return\n      }\n\n      // Calculate drop index\n      const dropIndex = this.calculateDropIndex(el, e.clientY)\n      const clampedIndex = Math.min(dropIndex, group.conditions.length)\n      group.conditions.splice(clampedIndex, 0, condition)\n\n      this.emitChange()\n      this.render()\n    })\n  }\n\n  /** Calculate the index to drop at based on mouse Y */\n  private calculateDropIndex(listEl: HTMLElement, clientY: number): number {\n    const children = listEl.querySelectorAll(\n      ':scope > .cmm-rule-editor__condition, :scope > .cmm-rule-editor__group'\n    )\n    let index = children.length\n\n    for (let i = 0; i < children.length; i++) {\n      const childEl = children[i]\n      if (childEl === undefined) {\n        continue\n      }\n      const rect = childEl.getBoundingClientRect()\n      const midY = rect.top + rect.height / 2\n\n      if (clientY < midY) {\n        index = i\n        break\n      }\n    }\n\n    return index\n  }\n}\n"],"mappings":"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"}

package/dist/visualization/rule-editor/types.d.ts

@@ -0,0 +1,31 @@
+/**
+ * RuleEditor type definitions
+ * @countermeasure/web-components/visualization/rule-editor
+ */
+export interface RuleCondition {
+    id: string;
+    field: string;
+    operator: string;
+    value: string | number | boolean;
+    type?: 'string' | 'number' | 'boolean' | 'date';
+}
+export interface RuleGroup {
+    id: string;
+    logic: 'AND' | 'OR';
+    conditions: (RuleCondition | RuleGroup)[];
+}
+export interface FieldDefinition {
+    name: string;
+    label: string;
+    type: 'string' | 'number' | 'boolean' | 'date';
+    operators?: string[];
+}
+export interface RuleEditorConfig {
+    container: HTMLElement | string;
+    rules: RuleGroup;
+    fields: FieldDefinition[];
+    onChange?: (rules: RuleGroup) => void;
+    maxDepth?: number;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/visualization/rule-editor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/visualization/rule-editor/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;CAChD;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,UAAU,EAAE,CAAC,aAAa,GAAG,SAAS,CAAC,EAAE,CAAA;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/visualization/terminal/index.d.ts

@@ -0,0 +1,54 @@
+import { TerminalConfig } from './types';
+export type { TerminalConfig } from './types';
+export declare class Terminal {
+    private readonly id;
+    private readonly container;
+    private readonly config;
+    private readonly prompt;
+    private readonly maxHistory;
+    private readonly maxLines;
+    private outputEl;
+    private inputEl;
+    /** Command history ring buffer */
+    private readonly history;
+    private historyIndex;
+    private currentInput;
+    /** Output line buffer */
+    private readonly lines;
+    /** Whether we are currently processing a command */
+    private processing;
+    constructor(config: TerminalConfig);
+    /** Write text to the output area (no trailing newline) */
+    write(text: string): void;
+    /** Write text to the output area with a trailing newline */
+    writeLine(text: string): void;
+    /** Write error text to the output area */
+    writeError(text: string): void;
+    /** Clear all output lines */
+    clear(): void;
+    /** Focus the input field */
+    focus(): void;
+    /** Clean up the component and remove from DOM */
+    destroy(): void;
+    /** Create the main DOM structure */
+    private render;
+    /** Re-render the output lines */
+    private renderOutput;
+    /** Add a line to the output buffer and render it */
+    private addLine;
+    /** Auto-scroll output to the bottom */
+    private scrollToBottom;
+    /** Focus the input element */
+    private focusInput;
+    /** Handle keydown events on the input */
+    private handleInputKeyDown;
+    /** Submit the current command */
+    private submitCommand;
+    /** Push a command to the history buffer */
+    private pushHistory;
+    /** Navigate through command history */
+    private navigateHistory;
+    /** Enable or disable the input element */
+    private setInputDisabled;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/visualization/terminal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visualization/terminal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA0B7C,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAQ;IAC3B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAa;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAQ;IAEjC,OAAO,CAAC,QAAQ,CAA2B;IAC3C,OAAO,CAAC,OAAO,CAAgC;IAE/C,kCAAkC;IAClC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAe;IACvC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,YAAY,CAAK;IAEzB,yBAAyB;IACzB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAmB;IAEzC,oDAAoD;IACpD,OAAO,CAAC,UAAU,CAAQ;gBAEd,MAAM,EAAE,cAAc;IAkBlC,0DAA0D;IAC1D,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIzB,4DAA4D;IAC5D,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI7B,0CAA0C;IAC1C,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI9B,6BAA6B;IAC7B,KAAK,IAAI,IAAI;IAKb,4BAA4B;IAC5B,KAAK,IAAI,IAAI;IAIb,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAYf,oCAAoC;IACpC,OAAO,CAAC,MAAM;IAwDd,iCAAiC;IACjC,OAAO,CAAC,YAAY;IAqBpB,oDAAoD;IACpD,OAAO,CAAC,OAAO;IAiCf,uCAAuC;IACvC,OAAO,CAAC,cAAc;IAMtB,8BAA8B;IAC9B,OAAO,CAAC,UAAU;IAUlB,yCAAyC;IACzC,OAAO,CAAC,kBAAkB;IA2C1B,iCAAiC;YACnB,aAAa;IAuD3B,2CAA2C;IAC3C,OAAO,CAAC,WAAW;IAenB,uCAAuC;IACvC,OAAO,CAAC,eAAe;IAmCvB,0CAA0C;IAC1C,OAAO,CAAC,gBAAgB;CAKzB"}

package/dist/visualization/terminal/index.js

@@ -0,0 +1,154 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/visualization/terminal/index.ts
+var n = "$ ", r = 100, i = 1e3, a = 13, o = "Menlo, Monaco, Consolas, monospace", s = class {
+	id;
+	container;
+	config;
+	prompt;
+	maxHistory;
+	maxLines;
+	outputEl = null;
+	inputEl = null;
+	history = [];
+	historyIndex = -1;
+	currentInput = "";
+	lines = [];
+	processing = !1;
+	constructor(a) {
+		this.id = e("cmm-terminal"), this.container = t(a.container), this.config = a, this.prompt = a.prompt ?? n, this.maxHistory = a.maxHistory ?? r, this.maxLines = a.maxLines ?? i, this.render(), a.greeting !== void 0 && this.addLine(a.greeting, "greeting"), this.focusInput();
+	}
+	write(e) {
+		this.addLine(e, "output");
+	}
+	writeLine(e) {
+		this.addLine(e, "output");
+	}
+	writeError(e) {
+		this.addLine(e, "error");
+	}
+	clear() {
+		this.lines.length = 0, this.renderOutput();
+	}
+	focus() {
+		this.focusInput();
+	}
+	destroy() {
+		this.container.innerHTML = "", this.outputEl = null, this.inputEl = null, this.history.length = 0, this.lines.length = 0;
+	}
+	render() {
+		this.container.innerHTML = "";
+		let e = this.config.fontSize ?? a, t = this.config.fontFamily ?? o, n = document.createElement("div");
+		n.className = "cmm-terminal", n.id = this.id, n.style.fontFamily = t, n.style.fontSize = `${String(e)}px`, this.config.className !== void 0 && n.classList.add(this.config.className), n.addEventListener("click", () => {
+			this.focusInput();
+		});
+		let r = document.createElement("div");
+		r.className = "cmm-terminal__output", r.setAttribute("role", "log"), r.setAttribute("aria-live", "polite"), n.appendChild(r), this.outputEl = r;
+		let i = document.createElement("div");
+		i.className = "cmm-terminal__input-line";
+		let s = document.createElement("span");
+		s.className = "cmm-terminal__prompt", s.textContent = this.prompt, i.appendChild(s);
+		let c = document.createElement("input");
+		c.className = "cmm-terminal__input", c.type = "text", c.setAttribute("autocomplete", "off"), c.setAttribute("autocorrect", "off"), c.setAttribute("autocapitalize", "off"), c.setAttribute("spellcheck", "false"), c.setAttribute("aria-label", "Terminal input"), c.addEventListener("keydown", this.handleInputKeyDown.bind(this)), i.appendChild(c), n.appendChild(i), this.inputEl = c, this.container.appendChild(n);
+	}
+	renderOutput() {
+		if (this.outputEl !== null) {
+			this.outputEl.innerHTML = "";
+			for (let e of this.lines) {
+				let t = document.createElement("div");
+				t.className = `cmm-terminal__line cmm-terminal__line--${e.type}`, t.textContent = e.text, this.outputEl.appendChild(t);
+			}
+			this.scrollToBottom();
+		}
+	}
+	addLine(e, t) {
+		let n = e.split("\n");
+		for (let e of n) this.lines.push({
+			text: e,
+			type: t
+		});
+		for (; this.lines.length > this.maxLines;) this.lines.shift();
+		if (this.outputEl !== null) {
+			for (let e of n) {
+				let n = document.createElement("div");
+				n.className = `cmm-terminal__line cmm-terminal__line--${t}`, n.textContent = e, this.outputEl.appendChild(n);
+			}
+			for (; this.outputEl.childNodes.length > this.maxLines;) {
+				let e = this.outputEl.firstChild;
+				e !== null && this.outputEl.removeChild(e);
+			}
+			this.scrollToBottom();
+		}
+	}
+	scrollToBottom() {
+		this.outputEl !== null && (this.outputEl.scrollTop = this.outputEl.scrollHeight);
+	}
+	focusInput() {
+		this.inputEl !== null && this.inputEl.focus();
+	}
+	handleInputKeyDown(e) {
+		switch (e.key) {
+			case "Enter":
+				e.preventDefault(), this.processing || this.submitCommand();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.navigateHistory(-1);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), this.navigateHistory(1);
+				break;
+			case "c":
+				e.ctrlKey && (e.preventDefault(), this.inputEl !== null && (this.addLine(`${this.prompt}${this.inputEl.value}^C`, "command"), this.inputEl.value = "", this.historyIndex = -1, this.currentInput = ""));
+				break;
+			case "l":
+				e.ctrlKey && (e.preventDefault(), this.clear());
+				break;
+		}
+	}
+	async submitCommand() {
+		if (this.inputEl === null) return;
+		let e = this.inputEl.value.trim();
+		if (this.inputEl.value = "", this.historyIndex = -1, this.currentInput = "", this.addLine(`${this.prompt}${e}`, "command"), e.length !== 0) {
+			if (this.pushHistory(e), e === "clear") {
+				this.clear();
+				return;
+			}
+			if (this.config.onCommand !== void 0) {
+				this.processing = !0, this.setInputDisabled(!0);
+				try {
+					let t = this.config.onCommand(e), n;
+					n = t instanceof Promise ? await t : t, n.length > 0 && this.addLine(n, "output");
+				} catch (e) {
+					let t = e instanceof Error ? e.message : String(e);
+					this.addLine(t, "error");
+				} finally {
+					this.processing = !1, this.setInputDisabled(!1), this.focusInput();
+				}
+			}
+		}
+	}
+	pushHistory(e) {
+		if (this.history[this.history.length - 1] !== e) for (this.history.push(e); this.history.length > this.maxHistory;) this.history.shift();
+	}
+	navigateHistory(e) {
+		if (this.inputEl === null || this.history.length === 0) return;
+		this.historyIndex === -1 && e === -1 && (this.currentInput = this.inputEl.value, this.historyIndex = this.history.length);
+		let t = this.historyIndex + e;
+		if (t < 0) return;
+		if (t >= this.history.length) {
+			this.historyIndex = -1, this.inputEl.value = this.currentInput;
+			return;
+		}
+		this.historyIndex = t;
+		let n = this.history[this.historyIndex];
+		n !== void 0 && (this.inputEl.value = n);
+		let r = this.inputEl.value.length;
+		this.inputEl.setSelectionRange(r, r);
+	}
+	setInputDisabled(e) {
+		this.inputEl !== null && (this.inputEl.disabled = e);
+	}
+};
+//#endregion
+export { s as Terminal };
+
+//# sourceMappingURL=index.js.map

package/dist/visualization/terminal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/visualization/terminal/index.ts"],"sourcesContent":["/**\n * Terminal - Terminal emulator UI with command input, history, and output\n * @countermeasure/web-components/visualization/terminal\n */\n\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\nimport type { TerminalConfig } from './types'\n\nexport type { TerminalConfig } from './types'\n\n/** Default prompt string */\nconst DEFAULT_PROMPT = '$ '\n\n/** Default maximum command history entries */\nconst DEFAULT_MAX_HISTORY = 100\n\n/** Default maximum output lines in scroll buffer */\nconst DEFAULT_MAX_LINES = 1000\n\n/** Default font size in pixels */\nconst DEFAULT_FONT_SIZE = 13\n\n/** Default monospace font family */\nconst DEFAULT_FONT_FAMILY = 'Menlo, Monaco, Consolas, monospace'\n\n/** Line type for styling */\ntype LineType = 'command' | 'output' | 'error' | 'greeting'\n\n/** Stored output line */\ninterface OutputLine {\n  text: string\n  type: LineType\n}\n\nexport class Terminal {\n  private readonly id: string\n  private readonly container: HTMLElement\n  private readonly config: TerminalConfig\n  private readonly prompt: string\n  private readonly maxHistory: number\n  private readonly maxLines: number\n\n  private outputEl: HTMLElement | null = null\n  private inputEl: HTMLInputElement | null = null\n\n  /** Command history ring buffer */\n  private readonly history: string[] = []\n  private historyIndex = -1\n  private currentInput = ''\n\n  /** Output line buffer */\n  private readonly lines: OutputLine[] = []\n\n  /** Whether we are currently processing a command */\n  private processing = false\n\n  constructor(config: TerminalConfig) {\n    this.id = uniqueId('cmm-terminal')\n    this.container = resolveContainer(config.container)\n    this.config = config\n    this.prompt = config.prompt ?? DEFAULT_PROMPT\n    this.maxHistory = config.maxHistory ?? DEFAULT_MAX_HISTORY\n    this.maxLines = config.maxLines ?? DEFAULT_MAX_LINES\n\n    this.render()\n\n    // Show greeting if configured\n    if (config.greeting !== undefined) {\n      this.addLine(config.greeting, 'greeting')\n    }\n\n    this.focusInput()\n  }\n\n  /** Write text to the output area (no trailing newline) */\n  write(text: string): void {\n    this.addLine(text, 'output')\n  }\n\n  /** Write text to the output area with a trailing newline */\n  writeLine(text: string): void {\n    this.addLine(text, 'output')\n  }\n\n  /** Write error text to the output area */\n  writeError(text: string): void {\n    this.addLine(text, 'error')\n  }\n\n  /** Clear all output lines */\n  clear(): void {\n    this.lines.length = 0\n    this.renderOutput()\n  }\n\n  /** Focus the input field */\n  focus(): void {\n    this.focusInput()\n  }\n\n  /** Clean up the component and remove from DOM */\n  destroy(): void {\n    this.container.innerHTML = ''\n    this.outputEl = null\n    this.inputEl = null\n    this.history.length = 0\n    this.lines.length = 0\n  }\n\n  // ---------------------------------------------------------------------------\n  // Rendering\n  // ---------------------------------------------------------------------------\n\n  /** Create the main DOM structure */\n  private render(): void {\n    this.container.innerHTML = ''\n\n    const fontSize = this.config.fontSize ?? DEFAULT_FONT_SIZE\n    const fontFamily = this.config.fontFamily ?? DEFAULT_FONT_FAMILY\n\n    const wrapper = document.createElement('div')\n    wrapper.className = 'cmm-terminal'\n    wrapper.id = this.id\n    wrapper.style.fontFamily = fontFamily\n    wrapper.style.fontSize = `${String(fontSize)}px`\n\n    if (this.config.className !== undefined) {\n      wrapper.classList.add(this.config.className)\n    }\n\n    // Click anywhere to focus input\n    wrapper.addEventListener('click', () => {\n      this.focusInput()\n    })\n\n    // Output area\n    const output = document.createElement('div')\n    output.className = 'cmm-terminal__output'\n    output.setAttribute('role', 'log')\n    output.setAttribute('aria-live', 'polite')\n    wrapper.appendChild(output)\n    this.outputEl = output\n\n    // Input line\n    const inputLine = document.createElement('div')\n    inputLine.className = 'cmm-terminal__input-line'\n\n    const promptSpan = document.createElement('span')\n    promptSpan.className = 'cmm-terminal__prompt'\n    promptSpan.textContent = this.prompt\n    inputLine.appendChild(promptSpan)\n\n    const input = document.createElement('input')\n    input.className = 'cmm-terminal__input'\n    input.type = 'text'\n    input.setAttribute('autocomplete', 'off')\n    input.setAttribute('autocorrect', 'off')\n    input.setAttribute('autocapitalize', 'off')\n    input.setAttribute('spellcheck', 'false')\n    input.setAttribute('aria-label', 'Terminal input')\n\n    input.addEventListener('keydown', this.handleInputKeyDown.bind(this))\n\n    inputLine.appendChild(input)\n    wrapper.appendChild(inputLine)\n    this.inputEl = input\n\n    this.container.appendChild(wrapper)\n  }\n\n  /** Re-render the output lines */\n  private renderOutput(): void {\n    if (this.outputEl === null) {\n      return\n    }\n\n    this.outputEl.innerHTML = ''\n\n    for (const line of this.lines) {\n      const lineEl = document.createElement('div')\n      lineEl.className = `cmm-terminal__line cmm-terminal__line--${line.type}`\n      lineEl.textContent = line.text\n      this.outputEl.appendChild(lineEl)\n    }\n\n    this.scrollToBottom()\n  }\n\n  // ---------------------------------------------------------------------------\n  // Output management\n  // ---------------------------------------------------------------------------\n\n  /** Add a line to the output buffer and render it */\n  private addLine(text: string, type: LineType): void {\n    // Split multiline text into individual lines\n    const parts = text.split('\\n')\n    for (const part of parts) {\n      this.lines.push({ text: part, type })\n    }\n\n    // Trim buffer if over max\n    while (this.lines.length > this.maxLines) {\n      this.lines.shift()\n    }\n\n    // Append new lines to output without full re-render\n    if (this.outputEl !== null) {\n      for (const part of parts) {\n        const lineEl = document.createElement('div')\n        lineEl.className = `cmm-terminal__line cmm-terminal__line--${type}`\n        lineEl.textContent = part\n        this.outputEl.appendChild(lineEl)\n      }\n\n      // Trim DOM nodes if over max\n      while (this.outputEl.childNodes.length > this.maxLines) {\n        const first = this.outputEl.firstChild\n        if (first !== null) {\n          this.outputEl.removeChild(first)\n        }\n      }\n\n      this.scrollToBottom()\n    }\n  }\n\n  /** Auto-scroll output to the bottom */\n  private scrollToBottom(): void {\n    if (this.outputEl !== null) {\n      this.outputEl.scrollTop = this.outputEl.scrollHeight\n    }\n  }\n\n  /** Focus the input element */\n  private focusInput(): void {\n    if (this.inputEl !== null) {\n      this.inputEl.focus()\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Command handling\n  // ---------------------------------------------------------------------------\n\n  /** Handle keydown events on the input */\n  private handleInputKeyDown(e: KeyboardEvent): void {\n    switch (e.key) {\n      case 'Enter': {\n        e.preventDefault()\n        if (!this.processing) {\n          void this.submitCommand()\n        }\n        break\n      }\n      case 'ArrowUp': {\n        e.preventDefault()\n        this.navigateHistory(-1)\n        break\n      }\n      case 'ArrowDown': {\n        e.preventDefault()\n        this.navigateHistory(1)\n        break\n      }\n      case 'c': {\n        // Ctrl+C clears the current input\n        if (e.ctrlKey) {\n          e.preventDefault()\n          if (this.inputEl !== null) {\n            this.addLine(`${this.prompt}${this.inputEl.value}^C`, 'command')\n            this.inputEl.value = ''\n            this.historyIndex = -1\n            this.currentInput = ''\n          }\n        }\n        break\n      }\n      case 'l': {\n        // Ctrl+L clears the screen\n        if (e.ctrlKey) {\n          e.preventDefault()\n          this.clear()\n        }\n        break\n      }\n    }\n  }\n\n  /** Submit the current command */\n  private async submitCommand(): Promise<void> {\n    if (this.inputEl === null) {\n      return\n    }\n\n    const command = this.inputEl.value.trim()\n    this.inputEl.value = ''\n    this.historyIndex = -1\n    this.currentInput = ''\n\n    // Show the command line in output\n    this.addLine(`${this.prompt}${command}`, 'command')\n\n    if (command.length === 0) {\n      return\n    }\n\n    // Add to history\n    this.pushHistory(command)\n\n    // Handle built-in clear command\n    if (command === 'clear') {\n      this.clear()\n      return\n    }\n\n    // Execute command handler if provided\n    if (this.config.onCommand !== undefined) {\n      this.processing = true\n      this.setInputDisabled(true)\n\n      try {\n        const result = this.config.onCommand(command)\n        let output: string\n\n        if (result instanceof Promise) {\n          output = await result\n        } else {\n          output = result\n        }\n\n        if (output.length > 0) {\n          this.addLine(output, 'output')\n        }\n      } catch (err: unknown) {\n        const message = err instanceof Error ? err.message : String(err)\n        this.addLine(message, 'error')\n      } finally {\n        this.processing = false\n        this.setInputDisabled(false)\n        this.focusInput()\n      }\n    }\n  }\n\n  /** Push a command to the history buffer */\n  private pushHistory(command: string): void {\n    // Avoid consecutive duplicates\n    const lastEntry = this.history[this.history.length - 1]\n    if (lastEntry === command) {\n      return\n    }\n\n    this.history.push(command)\n\n    // Trim if over max\n    while (this.history.length > this.maxHistory) {\n      this.history.shift()\n    }\n  }\n\n  /** Navigate through command history */\n  private navigateHistory(direction: number): void {\n    if (this.inputEl === null || this.history.length === 0) {\n      return\n    }\n\n    // Save current input when first entering history\n    if (this.historyIndex === -1 && direction === -1) {\n      this.currentInput = this.inputEl.value\n      this.historyIndex = this.history.length\n    }\n\n    const newIndex = this.historyIndex + direction\n\n    if (newIndex < 0) {\n      return\n    }\n\n    if (newIndex >= this.history.length) {\n      // Returned to the current input\n      this.historyIndex = -1\n      this.inputEl.value = this.currentInput\n      return\n    }\n\n    this.historyIndex = newIndex\n    const entry = this.history[this.historyIndex]\n    if (entry !== undefined) {\n      this.inputEl.value = entry\n    }\n\n    // Move cursor to end\n    const len = this.inputEl.value.length\n    this.inputEl.setSelectionRange(len, len)\n  }\n\n  /** Enable or disable the input element */\n  private setInputDisabled(disabled: boolean): void {\n    if (this.inputEl !== null) {\n      this.inputEl.disabled = disabled\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/visualization/terminal/types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Terminal type definitions
+ * @countermeasure/web-components/visualization/terminal
+ */
+export interface TerminalConfig {
+    container: HTMLElement | string;
+    prompt?: string;
+    greeting?: string;
+    onCommand?: (command: string) => string | Promise<string>;
+    maxHistory?: number;
+    maxLines?: number;
+    fontSize?: number;
+    fontFamily?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/visualization/terminal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/visualization/terminal/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}