@parallelworks/tandem-web 0.139.3 → 0.141.0

package/components/DocButton.js

@@ -0,0 +1,221 @@
+import { api as e, unwrap as t } from "../api/client.js";
+import { docQuery as n, docTemplatesQuery as r, docsQuery as i } from "../api/queries.js";
+import { EditIcon as a } from "./icons.js";
+import { docKey as o, docRef as s, useTemplateValues as c } from "../lib/docs.js";
+import { closingFence as l } from "./toggle.js";
+import { Button as u, Combobox as d, IconButton as f, Input as p, Popover as m, SegmentedControl as h, Select as g, Textarea as _ } from "@parallelworks/ui";
+import { useNavigate as v, useParams as y } from "@tanstack/react-router";
+import { useState as b } from "react";
+import { useTranslations as x } from "use-intl";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useQuery as w } from "@tanstack/react-query";
+import { Node as T, NodeViewWrapper as E, ReactNodeViewRenderer as D, mergeAttributes as O } from "@tiptap/react";
+// src/components/DocButton.tsx
+var k = /^:::button[ \t]*([^\n]*)\n/, A = /\s+(template|parent)=([\w-]+)/g, j = T.create({
+	name: "docButton",
+	group: "block",
+	atom: !0,
+	draggable: !0,
+	addAttributes: () => ({
+		label: { default: "" },
+		action: { default: "insert" },
+		blocks: { default: "" },
+		template: { default: "" },
+		parent: { default: "" }
+	}),
+	parseHTML: () => [{ tag: "div[data-doc-button]" }],
+	renderHTML: ({ node: e, HTMLAttributes: t }) => [
+		"div",
+		O(t, { "data-doc-button": "" }),
+		String(e.attrs.label)
+	],
+	addNodeView: () => D(M, { stopEvent: ({ event: e }) => e.target instanceof Element && !!e.target.closest("[data-button-ui]") }),
+	markdownTokenName: "docButton",
+	markdownTokenizer: {
+		name: "docButton",
+		level: "block",
+		start: (e) => e.search(/^:::button/m),
+		tokenize: (e) => {
+			let t = k.exec(e);
+			if (!t) return;
+			let n = e.slice(t[0].length), r = l(n);
+			if (r) return {
+				type: "docButton",
+				raw: e.slice(0, t[0].length + r.index + r.length),
+				text: n.slice(0, r.index).trim(),
+				head: t[1] ?? ""
+			};
+		}
+	},
+	parseMarkdown: (e, t) => {
+		let n = String(e.head ?? ""), r = {};
+		for (let e of n.matchAll(A)) r[e[1] ?? ""] = e[2] ?? "";
+		return t.createNode("docButton", {
+			label: n.replace(A, "").trim(),
+			action: r.template ? "doc" : "insert",
+			blocks: e.text ?? "",
+			template: r.template ?? "",
+			parent: r.parent ?? ""
+		});
+	},
+	renderMarkdown: (e) => {
+		let t = e.attrs ?? {}, n = String(t.label ?? "").replace(/\n/g, " ");
+		if (t.action === "doc") {
+			let e = t.parent ? ` parent=${t.parent}` : "";
+			return `:::button ${n} template=${t.template ?? ""}${e}\n:::`;
+		}
+		return `:::button ${n}\n\n${String(t.blocks ?? "").trim()}\n\n:::`;
+	}
+});
+function M({ node: r, editor: i, getPos: l, updateAttributes: d }) {
+	let p = x("docButton"), h = v(), g = c(), { workspace: _ = "", doc: T = "" } = y({ strict: !1 }), { data: D } = w({
+		...n(_, T),
+		enabled: !!_ && !!T
+	}), [O, k] = b(!1), A = String(r.attrs.label ?? "") || p("untitled"), j = r.attrs.action, M = j === "doc" ? !!r.attrs.template : !!String(r.attrs.blocks ?? "").trim(), P = async () => {
+		if (j === "insert") {
+			let e = g(), t = Object.entries(e).reduce((e, [t, n]) => e.replaceAll(`{{${t}}}`, n), String(r.attrs.blocks ?? "")), n = l();
+			if (n === void 0) return;
+			i.chain().focus().insertContentAt(n + r.nodeSize, t, { contentType: "markdown" }).run();
+		} else {
+			k(!0);
+			try {
+				let n = String(r.attrs.parent ?? "") || D?.key, i = t(await e.POST("/api/v1/workspaces/{workspace}/docs", {
+					params: { path: { workspace: _ } },
+					body: {
+						template: String(r.attrs.template),
+						variables: g(),
+						...n && { parent: n }
+					}
+				}));
+				h({
+					to: "/$workspace/docs/$doc",
+					params: {
+						workspace: _,
+						doc: s(i)
+					}
+				});
+			} finally {
+				k(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ S(E, {
+		className: "doc-button",
+		contentEditable: !1,
+		children: /* @__PURE__ */ C("div", {
+			"data-button-ui": !0,
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ S(u, {
+				size: "sm",
+				onClick: () => void P(),
+				disabled: !i.isEditable || !M,
+				loading: O,
+				children: A
+			}), i.isEditable && /* @__PURE__ */ S(m, {
+				trigger: /* @__PURE__ */ S(f, {
+					variant: "ghost",
+					size: "xs",
+					icon: /* @__PURE__ */ S(a, {}),
+					label: p("edit")
+				}),
+				align: "start",
+				className: "w-96",
+				initialFocus: "first-control",
+				"aria-label": p("edit"),
+				children: /* @__PURE__ */ S(N, {
+					workspace: _,
+					attrs: r.attrs,
+					thisDoc: D?.key ?? (T ? o(T) : ""),
+					onChange: d
+				})
+			})]
+		})
+	});
+}
+function N({ workspace: e, attrs: t, thisDoc: n, onChange: a }) {
+	let o = x("docButton"), { data: s = [] } = w(r(e)), { data: c = [] } = w(i(e)), l = t.action;
+	return /* @__PURE__ */ C("div", {
+		className: "space-y-3 text-sm",
+		children: [
+			/* @__PURE__ */ C("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [o("label"), /* @__PURE__ */ S(p, {
+					value: String(t.label ?? ""),
+					onChange: (e) => a({ label: e.target.value }),
+					placeholder: o("labelPlaceholder"),
+					className: "mt-1"
+				})]
+			}),
+			/* @__PURE__ */ S(h, {
+				label: o("does"),
+				size: "sm",
+				value: l,
+				onValueChange: (e) => a({ action: e }),
+				options: [{
+					value: "insert",
+					label: o("insert")
+				}, {
+					value: "doc",
+					label: o("makeDoc")
+				}]
+			}),
+			l === "insert" ? /* @__PURE__ */ C("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [
+					o("blocks"),
+					/* @__PURE__ */ S(_, {
+						value: String(t.blocks ?? ""),
+						onChange: (e) => a({ blocks: e.target.value }),
+						rows: 6,
+						placeholder: o("blocksPlaceholder"),
+						className: "mt-1 font-mono text-xs"
+					}),
+					/* @__PURE__ */ S("span", {
+						className: "mt-1 block font-normal",
+						children: o("placeholders")
+					})
+				]
+			}) : /* @__PURE__ */ C("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ C("div", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: [o("template"), /* @__PURE__ */ S("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ S(g, {
+							value: String(t.template ?? ""),
+							items: [{
+								value: "",
+								label: o("chooseTemplate")
+							}, ...s.map((e) => ({
+								value: e.id,
+								label: e.title
+							}))],
+							onValueChange: (e) => a({ template: e }),
+							"aria-label": o("template"),
+							width: "content"
+						})
+					})]
+				}), /* @__PURE__ */ C("div", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: [o("parent"), /* @__PURE__ */ S("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ S(d, {
+							items: [{
+								value: "",
+								label: o("thisDoc")
+							}, ...c.filter((e) => e.key !== n).map((e) => ({
+								value: e.key,
+								label: e.title
+							}))],
+							value: String(t.parent ?? ""),
+							onValueChange: (e) => e !== null && a({ parent: e }),
+							"aria-label": o("parent"),
+							placeholder: o("parent")
+						})
+					})]
+				})]
+			})
+		]
+	});
+}
+export { j as DocButton };

package/components/Editor.js

@@ -3,87 +3,88 @@ import { Callout as l } from "./callout.js";
 import { DetailsContent as u, DetailsSummary as d, Toggle as f } from "./toggle.js";
 import { Columns as p } from "./columns.js";
 import { DateChip as m } from "./DateChip.js";
-import { DocLinkPicker as h } from "./DocLinkPicker.js";
-import { IssueListBlock as g } from "./IssueListBlock.js";
-import { LinkCard as _ } from "./LinkCard.js";
+import { DocButton as h } from "./DocButton.js";
+import { DocLinkPicker as g } from "./DocLinkPicker.js";
+import { IssueListBlock as _ } from "./IssueListBlock.js";
+import { LinkCard as ee } from "./LinkCard.js";
 import { MentionPicker as v } from "./MentionPicker.js";
 import { Diagrams as y, MathBlock as b, MathInline as x } from "./mathDiagrams.js";
 import { SlashMenu as S } from "./SlashMenu.js";
-import { SubPages as ee } from "./SubPages.js";
-import { MarkdownTable as te } from "./table.js";
-import { useEffect as C, useRef as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EditorContent as O, useEditor as k } from "@tiptap/react";
-import { CodeBlockLowlight as A } from "@tiptap/extension-code-block-lowlight";
-import { TaskItem as j, TaskList as M } from "@tiptap/extension-list";
-import { TableKit as N } from "@tiptap/extension-table";
-import { Placeholder as P } from "@tiptap/extensions";
-import { Markdown as F } from "@tiptap/markdown";
-import I from "@tiptap/starter-kit";
-import L from "highlight.js/lib/languages/bash";
-import R from "highlight.js/lib/languages/css";
-import ne from "highlight.js/lib/languages/diff";
-import z from "highlight.js/lib/languages/dockerfile";
-import B from "highlight.js/lib/languages/go";
-import V from "highlight.js/lib/languages/ini";
-import H from "highlight.js/lib/languages/javascript";
-import U from "highlight.js/lib/languages/json";
-import W from "highlight.js/lib/languages/markdown";
-import G from "highlight.js/lib/languages/python";
-import K from "highlight.js/lib/languages/rust";
-import q from "highlight.js/lib/languages/shell";
-import J from "highlight.js/lib/languages/sql";
-import Y from "highlight.js/lib/languages/typescript";
-import X from "highlight.js/lib/languages/xml";
-import Z from "highlight.js/lib/languages/yaml";
-import { createLowlight as re } from "lowlight";
+import { SubPages as te } from "./SubPages.js";
+import { MarkdownTable as C } from "./table.js";
+import { useEffect as w, useRef as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EditorContent as k, useEditor as A } from "@tiptap/react";
+import { CodeBlockLowlight as j } from "@tiptap/extension-code-block-lowlight";
+import { TaskItem as M, TaskList as N } from "@tiptap/extension-list";
+import { TableKit as P } from "@tiptap/extension-table";
+import { Placeholder as F } from "@tiptap/extensions";
+import { Markdown as I } from "@tiptap/markdown";
+import L from "@tiptap/starter-kit";
+import R from "highlight.js/lib/languages/bash";
+import ne from "highlight.js/lib/languages/css";
+import z from "highlight.js/lib/languages/diff";
+import B from "highlight.js/lib/languages/dockerfile";
+import V from "highlight.js/lib/languages/go";
+import H from "highlight.js/lib/languages/ini";
+import U from "highlight.js/lib/languages/javascript";
+import W from "highlight.js/lib/languages/json";
+import G from "highlight.js/lib/languages/markdown";
+import K from "highlight.js/lib/languages/python";
+import q from "highlight.js/lib/languages/rust";
+import J from "highlight.js/lib/languages/shell";
+import Y from "highlight.js/lib/languages/sql";
+import X from "highlight.js/lib/languages/typescript";
+import Z from "highlight.js/lib/languages/xml";
+import re from "highlight.js/lib/languages/yaml";
+import { createLowlight as ie } from "lowlight";
 // src/components/Editor.tsx
-var ie = re({
-	bash: L,
-	css: R,
-	diff: ne,
-	dockerfile: z,
-	go: B,
-	ini: V,
-	javascript: H,
-	json: U,
-	markdown: W,
-	python: G,
-	rust: K,
-	shell: q,
-	sql: J,
-	typescript: Y,
-	xml: X,
-	yaml: Z
+var ae = ie({
+	bash: R,
+	css: ne,
+	diff: z,
+	dockerfile: B,
+	go: V,
+	ini: H,
+	javascript: U,
+	json: W,
+	markdown: G,
+	python: K,
+	rust: q,
+	shell: J,
+	sql: Y,
+	typescript: X,
+	xml: Z,
+	yaml: re
 });
-function Q({ editable: h = !0, placeholder: v = "", collaborative: S = !1 } = {}) {
+function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}) {
 	return [
-		I.configure({
+		L.configure({
 			link: {
-				openOnClick: !h,
+				openOnClick: !g,
 				autolink: !0
 			},
 			codeBlock: !1,
 			blockquote: !1,
-			...h && !S ? {} : { trailingNode: !1 },
+			...g && !S ? {} : { trailingNode: !1 },
 			...S ? { undoRedo: !1 } : {}
 		}),
-		A.configure({ lowlight: ie }),
+		j.configure({ lowlight: ae }),
 		l,
-		M,
-		j.configure({ nested: !0 }),
+		N,
+		M.configure({ nested: !0 }),
 		f,
-		ee,
+		te,
 		d,
 		u,
 		p,
-		N.configure({ table: !1 }),
-		te.configure({
+		P.configure({ table: !1 }),
+		C.configure({
 			resizable: !1,
 			allowTableNodeSelection: !1
 		}),
-		P.configure({ placeholder: v }),
-		F,
+		F.configure({ placeholder: v }),
+		I,
 		a,
 		r,
 		n,
@@ -93,11 +94,12 @@ function Q({ editable: h = !0, placeholder: v = "", collaborative: S = !1 } = {}
 		s,
 		c,
 		i,
-		_,
+		h,
+		ee,
 		x,
 		b,
 		y,
-		g,
+		_,
 		m
 	];
 }
@@ -116,8 +118,8 @@ function $(e) {
 		}
 	};
 }
-function ae({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
-	let f = w({
+function oe({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
+	let f = T({
 		onChange: t,
 		onSubmit: n,
 		onBlur: r,
@@ -129,9 +131,9 @@ function ae({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeho
 		onBlur: r,
 		onFocus: i
 	};
-	let p = w(u);
+	let p = T(u);
 	p.current = u;
-	let m = k({
+	let m = A({
 		extensions: Q({
 			editable: o,
 			placeholder: a ?? ""
@@ -158,23 +160,23 @@ function ae({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeho
 		onBlur: ({ editor: e }) => f.current.onBlur?.(e.getMarkdown()),
 		onFocus: () => f.current.onFocus?.()
 	});
-	C(() => {
+	w(() => {
 		m && !m.isFocused && m.getMarkdown() !== e && m.commands.setContent(e, {
 			contentType: "markdown",
 			emitUpdate: !1
 		});
-	}, [m, e]), C(() => {
+	}, [m, e]), w(() => {
 		m?.setEditable(o);
 	}, [m, o]);
-	let g = w(d);
-	return g.current = d, C(() => (g.current?.(m), () => g.current?.(null)), [m]), /* @__PURE__ */ D(T, { children: [
-		/* @__PURE__ */ E(O, { editor: m }),
-		o && /* @__PURE__ */ E(h, { editor: m }),
-		o && /* @__PURE__ */ E(S, {
+	let h = T(d);
+	return h.current = d, w(() => (h.current?.(m), () => h.current?.(null)), [m]), /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ D(k, { editor: m }),
+		o && /* @__PURE__ */ D(g, { editor: m }),
+		o && /* @__PURE__ */ D(S, {
 			editor: m,
 			onFiles: p
 		}),
-		o && /* @__PURE__ */ E(v, { editor: m })
+		o && /* @__PURE__ */ D(v, { editor: m })
 	] });
 }
-export { ae as Editor, Q as contentExtensions, $ as fileHandlers };
+export { oe as Editor, Q as contentExtensions, $ as fileHandlers };

package/components/SettingsNav.js

@@ -1,13 +1,13 @@
 import { Link as e } from "../lib/router.js";
 import { githubAccountQuery as t, meQuery as n } from "../api/queries.js";
-import { ChevronDownIcon as r, FolderIcon as i, HistoryIcon as a, KeyIcon as o, LinkIcon as s, NotificationIcon as c, RepositoryIcon as l, SettingsIcon as u, ShieldIcon as d, TagIcon as f, UserIcon as p, UsersIcon as m, WebhookIcon as h, WorkerIcon as g } from "./icons.js";
-import { useTranslations as _ } from "use-intl";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useQuery as x, useSuspenseQuery as S } from "@tanstack/react-query";
+import { ChevronDownIcon as r, CommentIcon as i, FolderIcon as a, HistoryIcon as o, KeyIcon as s, LinkIcon as c, NotificationIcon as l, RepositoryIcon as u, SettingsIcon as d, ShieldIcon as f, TagIcon as p, UserIcon as m, UsersIcon as h, WebhookIcon as g, WorkerIcon as _ } from "./icons.js";
+import { useTranslations as v } from "use-intl";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useQuery as S, useSuspenseQuery as C } from "@tanstack/react-query";
 // src/components/SettingsNav.tsx
-var C = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", w = "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium", T = { className: w };
-function E() {
-	let { data: e } = S(n), r = _("settingsNav"), v = e?.mode === "platform", { data: y } = x(t);
+var w = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", T = "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium", E = { className: T };
+function D() {
+	let { data: e } = C(n), r = v("settingsNav"), y = e?.mode === "platform", { data: b } = S(t);
 	return [
 		{
 			label: r("account"),
@@ -15,31 +15,31 @@ function E() {
 				{
 					to: "/$workspace/settings/account",
 					label: r("profile"),
-					Icon: p
+					Icon: m
 				},
 				{
 					to: "/$workspace/settings/notifications",
 					label: r("notifications"),
-					Icon: c
+					Icon: l
 				},
 				{
 					to: "/$workspace/settings/runners",
 					label: r("runners"),
-					Icon: g
+					Icon: _
 				},
-				...y?.enabled ? [{
+				...b?.enabled ? [{
 					to: "/$workspace/settings/connections",
 					label: r("connections"),
-					Icon: s
+					Icon: c
 				}] : [],
-				...v ? [] : [{
+				...y ? [] : [{
 					to: "/$workspace/settings/tokens",
 					label: r("tokens"),
-					Icon: o
+					Icon: s
 				}, {
 					to: "/$workspace/settings/sessions",
 					label: r("sessions"),
-					Icon: d
+					Icon: f
 				}]
 			]
 		},
@@ -49,84 +49,92 @@ function E() {
 				{
 					to: "/$workspace/settings",
 					label: r("general"),
-					Icon: u
+					Icon: d
 				},
 				{
 					to: "/$workspace/settings/members",
-					label: r(v ? "access" : "members"),
-					Icon: m
+					label: r(y ? "access" : "members"),
+					Icon: h
 				},
 				{
 					to: "/$workspace/settings/roles",
 					label: r("roles"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/groups",
 					label: r("groups"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/teams",
 					label: r("teams"),
-					Icon: i
+					Icon: a
 				},
 				{
 					to: "/$workspace/settings/labels",
 					label: r("labels"),
-					Icon: f
+					Icon: p
 				},
 				{
 					to: "/$workspace/settings/audit-log",
 					label: r("auditLog"),
-					Icon: a
+					Icon: o
 				},
-				...v ? [] : [{
+				...y ? [] : [{
 					to: "/$workspace/settings/sso",
 					label: r("sso"),
-					Icon: o
+					Icon: s
 				}]
 			]
 		},
 		{
 			label: r("integrations"),
-			items: [{
-				to: "/$workspace/settings/github",
-				label: r("github"),
-				Icon: l
-			}, {
-				to: "/$workspace/settings/webhooks",
-				label: r("webhooks"),
-				Icon: h
-			}]
+			items: [
+				{
+					to: "/$workspace/settings/github",
+					label: r("github"),
+					Icon: u
+				},
+				{
+					to: "/$workspace/settings/slack",
+					label: r("slack"),
+					Icon: i
+				},
+				{
+					to: "/$workspace/settings/webhooks",
+					label: r("webhooks"),
+					Icon: g
+				}
+			]
 		}
 	];
 }
-function D({ workspace: t }) {
-	let n = _("settingsNav"), i = E();
-	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(e, {
+function O({ workspace: t }) {
+	let n = v("settingsNav"), i = D();
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(e, {
 		to: "/$workspace/issues",
 		params: { workspace: t },
 		className: "flex h-9 items-center gap-2 rounded-md px-2 text-sm font-semibold hover:bg-muted",
-		children: [/* @__PURE__ */ y(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
-	}), /* @__PURE__ */ y("nav", {
+		children: [/* @__PURE__ */ b(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
+	}), /* @__PURE__ */ b("nav", {
 		"aria-label": n("label"),
 		className: "-mx-3 mt-2 min-h-0 flex-1 overflow-y-auto px-3",
-		children: i.map((n) => /* @__PURE__ */ b("div", {
+		children: i.map((n) => /* @__PURE__ */ x("div", {
 			className: "mt-4 first:mt-0",
-			children: [/* @__PURE__ */ y("p", {
+			children: [/* @__PURE__ */ b("p", {
 				className: "flex h-6 items-center px-2 text-xs font-medium text-muted-foreground",
 				children: n.label
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "mt-1 space-y-0.5",
-				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ b(e, {
+				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ x(e, {
 					to: n,
 					params: { workspace: t },
-					className: C,
-					activeProps: T,
+					className: w,
+					activeProps: E,
 					activeOptions: { exact: !0 },
 					children: [
-						/* @__PURE__ */ y(i, { className: "size-4" }),
+						/* @__PURE__ */ b(i, { className: "size-4" }),
 						" ",
 						r
 					]
@@ -135,4 +143,4 @@ function D({ workspace: t }) {
 		}, n.label))
 	})] });
 }
-export { D as SettingsNav, C as navItem, w as navOn, E as useSettingsPages };
+export { O as SettingsNav, w as navItem, T as navOn, D as useSettingsPages };

package/components/SlashMenu.js

@@ -58,6 +58,7 @@ var w = {
 	file: "↥",
 	table: "▦",
 	docLink: "[[",
+	button: "▭",
 	issueList: "☰",
 	date: "@",
 	page: "+",
@@ -103,6 +104,7 @@ var w = {
 		withHeaderRow: !0
 	}),
 	docLink: (e) => e.insertContent("[["),
+	button: (e) => e.insertContent({ type: "docButton" }),
 	issueList: (e) => e.insertContent({ type: "issueList" }),
 	date: (e) => e.insertContent([{
 		type: "dateChip",