@design.estate/dees-catalog 3.90.1 → 3.92.0

package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.d.ts

@@ -0,0 +1,65 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { IHarnessAttachment } from '../interfaces.js';
+import '../../00group-button/dees-button/dees-button.js';
+import '../../00group-input/dees-input-dropdown/dees-input-dropdown.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-harness-composer': DeesHarnessComposer;
+    }
+}
+/**
+ * Prompt composer: autogrow textarea, attachments (picker / paste /
+ * drag-drop with per-file and total size limits), optional model and
+ * reasoning-effort dropdowns. Cmd/Ctrl+Enter sends. While busy, Stop is an
+ * additional button and Send stays available for queueing; an empty prompt
+ * with queued messages offers "Steer now".
+ *
+ * Controlled component: `value` and `attachments` are owned by the host;
+ * the composer emits `harness-input`, `harness-attachments-change`,
+ * `harness-attachment-error`, `harness-model-change`, `harness-send`,
+ * `harness-steer`, and `harness-abort` (all bubbling + composed).
+ */
+export declare class DeesHarnessComposer extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor value: string;
+    accessor placeholder: string;
+    accessor disabled: boolean;
+    /**
+     * busy = a run is in flight. Sending stays available (hosts queue the
+     * messages); Stop renders as an additional button. With an empty prompt
+     * and queued messages waiting, the primary action becomes "Steer now"
+     * (harness-steer) to force the agent to continue with the queue.
+     */
+    accessor busy: boolean;
+    /** number of messages the host has queued while the run is busy */
+    accessor queuedCount: number;
+    accessor attachments: IHarnessAttachment[];
+    accessor maxAttachmentBytes: number;
+    accessor maxTotalAttachmentBytes: number;
+    accessor model: string;
+    accessor modelOptions: string[];
+    accessor reasoningEffort: string;
+    accessor effortOptions: string[];
+    accessor showModelControls: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    focusPrompt(): Promise<void>;
+    clear(): void;
+    render(): TemplateResult;
+    private renderChip;
+    private handleTextInput;
+    private handleKeydown;
+    private autogrow;
+    private handleFileInputChange;
+    private handlePaste;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    addFiles(fileList: FileList | File[] | null): Promise<void>;
+    private send;
+    private emitInput;
+    private emitAttachments;
+    private emitModelChange;
+    private emit;
+}

package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.demo.js

@@ -0,0 +1,55 @@
+import { html } from '@design.estate/dees-element';
+const logEvent = (event) => {
+    console.log(event.type, event.detail);
+};
+export const demoFunc = () => html `
+  <style>
+    .composerDemo {
+      display: grid;
+      gap: 20px;
+      max-width: 680px;
+      margin: 40px auto;
+      padding: 24px;
+      border-radius: var(--dees-radius-xl);
+      background: var(--dees-color-bg-primary);
+    }
+    .composerDemo .label {
+      color: var(--dees-color-text-muted);
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+  </style>
+  <div
+    class="composerDemo"
+    @harness-send=${logEvent}
+    @harness-abort=${logEvent}
+    @harness-input=${logEvent}
+    @harness-attachments-change=${logEvent}
+    @harness-attachment-error=${logEvent}
+    @harness-model-change=${logEvent}
+  >
+    <div class="label">default with model controls (events log to console)</div>
+    <dees-harness-composer
+      model="gpt-5.5"
+      reasoningEffort="high"
+      .modelOptions=${['gpt-5.5', 'gpt-5', 'o4-mini']}
+      .effortOptions=${['xhigh', 'high', 'medium', 'low']}
+    ></dees-harness-composer>
+    <div class="label">busy with text (Stop + Send — sends queue while running)</div>
+    <dees-harness-composer busy value="Refactor the sitemap job…"></dees-harness-composer>
+    <div class="label">busy, empty prompt, 2 queued (Stop + Steer now)</div>
+    <dees-harness-composer busy queuedCount="2"></dees-harness-composer>
+    <div class="label">disabled</div>
+    <dees-harness-composer disabled placeholder="Connect to a project to chat."></dees-harness-composer>
+    <div class="label">with pre-filled attachments, no model controls</div>
+    <dees-harness-composer
+      .showModelControls=${false}
+      .attachments=${[
+    { id: 'a1', name: 'build.log', mediaType: 'text/plain', size: 5120, kind: 'text' },
+    { id: 'a2', name: 'screenshot.png', mediaType: 'image/png', size: 44_000, kind: 'image' },
+]}
+    ></dees-harness-composer>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLWNvbXBvc2VyLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1oYXJuZXNzL2RlZXMtaGFybmVzcy1jb21wb3Nlci9kZWVzLWhhcm5lc3MtY29tcG9zZXIuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxRQUFRLEdBQUcsQ0FBQyxLQUFrQixFQUFFLEVBQUU7SUFDdEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUN4QyxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztvQkFvQmQsUUFBUTtxQkFDUCxRQUFRO3FCQUNSLFFBQVE7a0NBQ0ssUUFBUTtnQ0FDVixRQUFROzRCQUNaLFFBQVE7Ozs7OztzQkFNZCxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDO3VCQUM5QixDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQzs7Ozs7Ozs7OzsyQkFVOUIsS0FBSztxQkFDWDtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBZSxFQUFFO0lBQzNGLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFnQixFQUFFO0NBQ25HOzs7Q0FHTixDQUFDIn0=