@hachej/boring-workspace 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 boringdata
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,94 @@
+# @boring/workspace
+
+Plugin system, panel registry, and IDE-style layout for boring-ui apps.
+
+```bash
+pnpm add @boring/workspace
+```
+
+---
+
+## What it provides
+
+- **Plugin system** — contribute panels, commands, catalogs, sidebar tabs, and surface resolvers
+- **Layouts** — `ChatLayout`, `IdeLayout`, `ResponsiveDockviewShell`
+- **Panel registry** — auto-lazy code splitting, error boundaries, dockview integration
+- **Bridge** — typed pubsub between agent backend and frontend panels
+- **Built-in plugins** — file tree, editor, artifact surface, command palette
+
+---
+
+## Quickstart
+
+```tsx
+import { WorkspaceProvider, IdeLayout } from "@boring/workspace"
+import { ChatPanel } from "@boring/agent"
+
+export function App() {
+  return (
+    <WorkspaceProvider chatPanel={ChatPanel} plugins={[myPlugin]}>
+      <IdeLayout />
+    </WorkspaceProvider>
+  )
+}
+```
+
+---
+
+## Writing a plugin
+
+```ts
+import { defineFrontPlugin, definePanel } from "@boring/workspace"
+
+export const myPlugin = defineFrontPlugin({
+  id: "my-plugin",
+  label: "My Plugin",
+  systemPrompt: "You can open widgets with the 'open-widget' tool.",
+  outputs: [
+    {
+      type: "panel",
+      panel: definePanel({
+        id: "my-widget",
+        title: "Widget",
+        placement: "center",
+        component: () => import("./WidgetPane").then(m => ({ default: m.WidgetPane })),
+      }),
+    },
+  ],
+})
+```
+
+Panel components receive `PaneProps<T>`:
+
+```ts
+import type { PaneProps } from "@boring/workspace"
+
+export function WidgetPane({ params, api }: PaneProps<{ id: string }>) {
+  // params — data passed when the panel is opened
+  // api    — DockviewPanelApi (close, setTitle, …)
+}
+```
+
+Panels are auto-lazy: a zero-arg factory `() => import(...)` is code-split automatically.
+
+---
+
+## Output types
+
+| type | contributes |
+|---|---|
+| `panel` | a center/right/bottom pane |
+| `left-tab` | a persistent sidebar tab |
+| `command` | a command palette entry |
+| `catalog` | a searchable data explorer |
+| `surface-resolver` | maps agent `exec_ui` calls to panel opens |
+
+---
+
+## Part of [boring-ui](https://github.com/hachej/boring-ui)
+
+| Package | Role |
+|---|---|
+| `@boring/core` | DB, auth, app factory |
+| `@boring/workspace` | Plugin system, layouts |
+| `@boring/agent` | Agent runtime + tools |

package/dist/CodeEditor-DQqOn4xz.js

@@ -0,0 +1,266 @@
+import { jsxs as j, jsx as f } from "react/jsx-runtime";
+import { useRef as c, useMemo as K, useEffect as l } from "react";
+import { Compartment as s, EditorState as y } from "@codemirror/state";
+import { EditorView as u, lineNumbers as N, drawSelection as T, highlightActiveLine as A, keymap as U } from "@codemirror/view";
+import { history as W, defaultKeymap as z, historyKeymap as G } from "@codemirror/commands";
+import { javascript as O } from "@codemirror/lang-javascript";
+import { python as I } from "@codemirror/lang-python";
+import { json as q } from "@codemirror/lang-json";
+import { yaml as P } from "@codemirror/lang-yaml";
+import { markdown as V } from "@codemirror/lang-markdown";
+import { sql as J } from "@codemirror/lang-sql";
+import { syntaxHighlighting as H, HighlightStyle as Q, bracketMatching as X, indentOnInput as Y, foldGutter as Z, foldKeymap as $, defaultHighlightStyle as ee } from "@codemirror/language";
+import { highlightSelectionMatches as re, searchKeymap as te } from "@codemirror/search";
+import { Button as oe } from "@hachej/boring-ui-kit";
+import { tags as e } from "@lezer/highlight";
+import { c as R } from "./utils-B6yFEsav.js";
+const ce = Q.define([
+  { tag: e.keyword, color: "oklch(0.7 0.15 300)" },
+  { tag: [e.name, e.deleted, e.character, e.macroName], color: "var(--foreground)" },
+  { tag: [e.function(e.variableName), e.labelName], color: "oklch(0.75 0.15 210)" },
+  { tag: [e.color, e.constant(e.name), e.standard(e.name)], color: "oklch(0.75 0.12 60)" },
+  { tag: [e.definition(e.name), e.separator], color: "var(--foreground)" },
+  { tag: [e.typeName, e.className, e.number, e.changed, e.annotation, e.modifier, e.self, e.namespace], color: "oklch(0.75 0.12 60)" },
+  { tag: [e.operator, e.operatorKeyword, e.url, e.escape, e.regexp, e.link, e.special(e.string)], color: "oklch(0.7 0.12 180)" },
+  { tag: [e.meta, e.comment], color: "var(--muted-foreground)" },
+  { tag: e.strong, fontWeight: "bold" },
+  { tag: e.emphasis, fontStyle: "italic" },
+  { tag: e.strikethrough, textDecoration: "line-through" },
+  { tag: e.link, color: "oklch(0.7 0.12 180)", textDecoration: "underline" },
+  { tag: e.heading, fontWeight: "bold", color: "oklch(0.75 0.15 210)" },
+  { tag: [e.atom, e.bool, e.special(e.variableName)], color: "oklch(0.75 0.12 60)" },
+  { tag: [e.processingInstruction, e.string, e.inserted], color: "oklch(0.75 0.12 140)" },
+  { tag: e.invalid, color: "var(--destructive)" }
+]);
+function D(o) {
+  return [u.theme(
+    {
+      "&": {
+        backgroundColor: "transparent",
+        color: "var(--foreground)",
+        height: "100%"
+      },
+      ".cm-content": {
+        caretColor: "var(--foreground)",
+        fontFamily: "var(--font-mono, ui-monospace, monospace)"
+      },
+      ".cm-gutters": {
+        backgroundColor: "transparent",
+        color: "oklch(from var(--muted-foreground) l c h / 0.55)",
+        borderRight: "none",
+        paddingRight: "12px"
+      },
+      ".cm-lineNumbers .cm-gutterElement": {
+        padding: "0 6px 0 12px",
+        fontVariantNumeric: "tabular-nums",
+        fontSize: "12px"
+      },
+      ".cm-activeLineGutter": {
+        backgroundColor: "oklch(from var(--accent) l c h / 0.05)",
+        color: "var(--foreground)"
+      },
+      ".cm-activeLine": {
+        backgroundColor: "oklch(from var(--accent) l c h / 0.04)"
+      },
+      "&.cm-focused .cm-cursor": {
+        borderLeftColor: "var(--accent)"
+      },
+      ".cm-selectionBackground, &.cm-focused .cm-selectionBackground": {
+        backgroundColor: "oklch(from var(--accent) l c h / 0.16)"
+      },
+      ".cm-panels": {
+        backgroundColor: "var(--muted)",
+        color: "var(--foreground)"
+      },
+      ".cm-panels.cm-panels-top": {
+        borderBottom: "1px solid var(--border)"
+      },
+      ".cm-panels.cm-panels-bottom": {
+        borderTop: "1px solid var(--border)"
+      },
+      ".cm-searchMatch": {
+        backgroundColor: "oklch(0.8 0.15 80 / 0.3)",
+        outline: "1px solid oklch(0.8 0.15 80 / 0.5)"
+      },
+      ".cm-searchMatch.cm-searchMatch-selected": {
+        backgroundColor: "oklch(0.7 0.15 80 / 0.5)"
+      },
+      ".cm-tooltip": {
+        backgroundColor: "var(--popover)",
+        color: "var(--popover-foreground)",
+        border: "1px solid var(--border)",
+        borderRadius: "var(--radius-sm, 4px)"
+      },
+      ".cm-tooltip-autocomplete": {
+        "& > ul > li[aria-selected]": {
+          backgroundColor: "var(--accent)",
+          color: "var(--accent-foreground)"
+        }
+      },
+      ".cm-foldPlaceholder": {
+        backgroundColor: "var(--muted)",
+        border: "1px solid var(--border)",
+        color: "var(--muted-foreground)"
+      }
+    },
+    { dark: (o == null ? void 0 : o.dark) ?? !1 }
+  ), H(ce)];
+}
+const ne = 1e6, ae = 1e7;
+function M(o) {
+  switch (o) {
+    case "javascript":
+    case "js":
+    case "jsx":
+      return O({ jsx: !0 });
+    case "typescript":
+    case "ts":
+    case "tsx":
+      return O({ jsx: !0, typescript: !0 });
+    case "python":
+    case "py":
+      return I();
+    case "json":
+      return q();
+    case "yaml":
+    case "yml":
+      return P();
+    case "markdown":
+    case "md":
+      return V();
+    case "sql":
+      return J();
+    default:
+      return null;
+  }
+}
+function le({
+  content: o,
+  onChange: p,
+  language: g = "typescript",
+  readOnly: _ = !1,
+  lineNumbers: h = !0,
+  wordWrap: v = !1,
+  className: w
+}) {
+  const d = c(null), n = c(null), m = c(p);
+  m.current = p;
+  const b = c(!1), k = c(new s()), C = c(new s()), L = c(new s()), E = c(new s()), S = c(new s()), i = o.length >= ne, B = o.length >= ae, x = _ || i, F = K(() => {
+    const r = [
+      C.current.of(y.readOnly.of(x)),
+      L.current.of(h ? N() : []),
+      E.current.of(v ? u.lineWrapping : []),
+      T(),
+      A(),
+      X(),
+      Y(),
+      W(),
+      re(),
+      Z(),
+      U.of([...z, ...G, ...$, ...te]),
+      S.current.of(D()),
+      H(ee, { fallback: !0 })
+    ];
+    if (i)
+      r.push(k.current.of([]));
+    else {
+      const t = M(g);
+      r.push(k.current.of(t ?? []));
+    }
+    return r.push(
+      u.updateListener.of((t) => {
+        var a;
+        t.docChanged && !b.current && ((a = m.current) == null || a.call(m, t.state.doc.toString()));
+      })
+    ), r;
+  }, []);
+  return l(() => {
+    if (!d.current) return;
+    const r = y.create({ doc: o, extensions: F }), t = new u({ state: r, parent: d.current });
+    return n.current = t, () => {
+      t.destroy(), n.current = null;
+    };
+  }, []), l(() => {
+    const r = n.current;
+    if (!r) return;
+    const t = r.state.doc.toString();
+    t !== o && (b.current = !0, r.dispatch({
+      changes: { from: 0, to: t.length, insert: o }
+    }), b.current = !1);
+  }, [o]), l(() => {
+    const r = n.current;
+    r && r.dispatch({
+      effects: C.current.reconfigure(
+        y.readOnly.of(x)
+      )
+    });
+  }, [x]), l(() => {
+    const r = n.current;
+    r && r.dispatch({
+      effects: L.current.reconfigure(
+        h ? N() : []
+      )
+    });
+  }, [h]), l(() => {
+    const r = n.current;
+    r && r.dispatch({
+      effects: E.current.reconfigure(
+        v ? u.lineWrapping : []
+      )
+    });
+  }, [v]), l(() => {
+    const r = n.current;
+    if (!r || i) return;
+    const t = M(g);
+    r.dispatch({
+      effects: k.current.reconfigure(t ?? [])
+    });
+  }, [g, i]), l(() => {
+    const r = new MutationObserver(() => {
+      const t = n.current;
+      if (!t) return;
+      const a = document.documentElement.getAttribute("data-theme") === "dark";
+      t.dispatch({
+        effects: S.current.reconfigure(D({ dark: a }))
+      });
+    });
+    return r.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-theme"]
+    }), () => r.disconnect();
+  }, []), i ? /* @__PURE__ */ j("div", { className: R("flex h-full flex-col", w), children: [
+    /* @__PURE__ */ j("div", { className: "flex items-center gap-2 border-b border-border bg-muted/50 px-3 py-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ f("span", { children: "Large file — editing disabled" }),
+      B && /* @__PURE__ */ f(
+        oe,
+        {
+          type: "button",
+          variant: "outline",
+          size: "xs",
+          className: "ml-auto",
+          onClick: () => {
+            const r = new Blob([o], { type: "text/plain" }), t = URL.createObjectURL(r), a = document.createElement("a");
+            a.href = t, a.download = "file.txt", a.click(), URL.revokeObjectURL(t);
+          },
+          children: "Download"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ f("div", { ref: d, className: "flex-1 overflow-hidden" })
+  ] }) : /* @__PURE__ */ f(
+    "div",
+    {
+      ref: d,
+      className: R("h-full overflow-hidden", w)
+    }
+  );
+}
+const Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CodeEditor: le
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  le as C,
+  Le as a,
+  D as c
+};