feat: Phase 1 — extract the client (web SPA + desktop) to dtoro/oikos-web

Problem: the hexagonal refactor churns the backend tree for nine more
phases; the UI delivery stack (web/ SPA, cmd/desktop Wails wrapper,
compose/web image) must move to its own repo first so doc/layout
rewrites land once on a backend-only tree.

Change:
- New repo git.hubris.network/dtoro/oikos-web (v0.33.0): web/, desktop/
  (updateURL repointed to oikos-web releases), compose/, own CI (web +
  desktop jobs), own deploy script (CI-green gate, TOCTOU guard,
  version-tagged images, prune-to-3), own webhook receiver on :9798 +
  launchd unit, own compose project publishing the same 8091:80.
- Cutover executed on mac-mini in order: oikos stack's web service
  stopped+removed, oikos-web project brought up on 8091; outer Caddy
  untouched (targets the published port) — serving + Authentik flow +
  /wails 404 quirk verified post-cutover.
- Stripped from oikos: web/, cmd/desktop/, compose/web/, desktop CI
  workflow, ci.yml web job, Makefile ui/desktop/desktop-package/install
  targets, the compose web service, oikos-web from deploy.sh's fallback
  prune list; wails + go-keyring dropped from go.mod, vendor synced.
- README / CONTRIBUTING / AGENTS.md / .agents dev+operations docs now
  point at the new repo; mbse + mascot design docs carry a path note.

Risk: production SPA serving depends on the new pipeline now; rollback
is versioned-image re-up of the old web service from a pre-split
checkout (port 8091). Desktop builds installed before the split still
check dtoro/oikos releases — one manual reinstall, noted in the
oikos-web release notes.

Verification: go vet, make test (race), make generate-check, golangci
(no new findings; baseline down 400→365); post-cutover curls —
localhost:8091 200, /wails/runtime.js 404, outer Caddy 302 Authentik.

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-close.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import { DialogCloseState } from "../dialog.svelte.js";
+	import type { DialogCloseProps } from "../types.js";
+	import { createId } from "../../../internal/create-id.js";
+
+	const uid = $props.id();
+
+	let {
+		children,
+		child,
+		id = createId(uid),
+		ref = $bindable(null),
+		disabled = false,
+		...restProps
+	}: DialogCloseProps = $props();
+
+	const closeState = DialogCloseState.create({
+		variant: boxWith(() => "close"),
+		id: boxWith(() => id),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+		disabled: boxWith(() => Boolean(disabled)),
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, closeState.props));
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<button {...mergedProps}>
+		{@render children?.()}
+	</button>
+{/if}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-close.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const DialogClose: import("svelte").Component<import("../types.js").DialogTriggerProps, {}, "ref">;
+type DialogClose = ReturnType<typeof DialogClose>;
+export default DialogClose;

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-content.svelte

@@ -0,0 +1,95 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import { DialogContentState } from "../dialog.svelte.js";
+	import type { DialogContentProps } from "../types.js";
+	import DismissibleLayer from "../../utilities/dismissible-layer/dismissible-layer.svelte";
+	import EscapeLayer from "../../utilities/escape-layer/escape-layer.svelte";
+	import FocusScope from "../../utilities/focus-scope/focus-scope.svelte";
+	import TextSelectionLayer from "../../utilities/text-selection-layer/text-selection-layer.svelte";
+	import { createId } from "../../../internal/create-id.js";
+	import { noop } from "../../../internal/noop.js";
+	import ScrollLock from "../../utilities/scroll-lock/scroll-lock.svelte";
+	const uid = $props.id();
+
+	let {
+		id = createId(uid),
+		children,
+		child,
+		ref = $bindable(null),
+		forceMount = false,
+		onCloseAutoFocus = noop,
+		onOpenAutoFocus = noop,
+		onEscapeKeydown = noop,
+		onInteractOutside = noop,
+		trapFocus = true,
+		preventScroll = true,
+		restoreScrollDelay = null,
+		...restProps
+	}: DialogContentProps = $props();
+
+	const contentState = DialogContentState.create({
+		id: boxWith(() => id),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, contentState.props));
+</script>
+
+{#if contentState.shouldRender || forceMount}
+	<FocusScope
+		ref={contentState.opts.ref}
+		loop
+		{trapFocus}
+		enabled={contentState.root.opts.open.current}
+		{onOpenAutoFocus}
+		{onCloseAutoFocus}
+	>
+		{#snippet focusScope({ props: focusScopeProps })}
+			<EscapeLayer
+				{...mergedProps}
+				enabled={contentState.root.opts.open.current}
+				ref={contentState.opts.ref}
+				onEscapeKeydown={(e) => {
+					onEscapeKeydown(e);
+					if (e.defaultPrevented) return;
+					contentState.root.handleClose();
+				}}
+			>
+				<DismissibleLayer
+					{...mergedProps}
+					ref={contentState.opts.ref}
+					enabled={contentState.root.opts.open.current}
+					onInteractOutside={(e) => {
+						onInteractOutside(e);
+						if (e.defaultPrevented) return;
+						contentState.root.handleClose();
+					}}
+				>
+					<TextSelectionLayer
+						{...mergedProps}
+						ref={contentState.opts.ref}
+						enabled={contentState.root.opts.open.current}
+					>
+						{#if child}
+							{#if contentState.root.opts.open.current}
+								<ScrollLock {preventScroll} {restoreScrollDelay} />
+							{/if}
+							{@render child({
+								props: mergeProps(mergedProps, focusScopeProps),
+								...contentState.snippetProps,
+							})}
+						{:else}
+							<ScrollLock {preventScroll} />
+							<div {...mergeProps(mergedProps, focusScopeProps)}>
+								{@render children?.()}
+							</div>
+						{/if}
+					</TextSelectionLayer>
+				</DismissibleLayer>
+			</EscapeLayer>
+		{/snippet}
+	</FocusScope>
+{/if}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogContentProps } from "../types.js";
+declare const DialogContent: import("svelte").Component<DialogContentProps, {}, "ref">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-description.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import { DialogDescriptionState } from "../dialog.svelte.js";
+	import type { DialogDescriptionProps } from "../types.js";
+	import { createId } from "../../../internal/create-id.js";
+
+	const uid = $props.id();
+
+	let {
+		id = createId(uid),
+		children,
+		child,
+		ref = $bindable(null),
+		...restProps
+	}: DialogDescriptionProps = $props();
+
+	const descriptionState = DialogDescriptionState.create({
+		id: boxWith(() => id),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, descriptionState.props));
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<div {...mergedProps}>
+		{@render children?.()}
+	</div>
+{/if}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-description.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogDescriptionProps } from "../types.js";
+declare const DialogDescription: import("svelte").Component<DialogDescriptionProps, {}, "ref">;
+type DialogDescription = ReturnType<typeof DialogDescription>;
+export default DialogDescription;

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-overlay.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import { DialogOverlayState } from "../dialog.svelte.js";
+	import type { DialogOverlayProps } from "../types.js";
+	import { createId } from "../../../internal/create-id.js";
+
+	const uid = $props.id();
+
+	let {
+		id = createId(uid),
+		forceMount = false,
+		child,
+		children,
+		ref = $bindable(null),
+		...restProps
+	}: DialogOverlayProps = $props();
+
+	const overlayState = DialogOverlayState.create({
+		id: boxWith(() => id),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, overlayState.props));
+</script>
+
+{#if overlayState.shouldRender || forceMount}
+	{#if child}
+		{@render child({ props: mergeProps(mergedProps), ...overlayState.snippetProps })}
+	{:else}
+		<div {...mergeProps(mergedProps)}>
+			{@render children?.(overlayState.snippetProps)}
+		</div>
+	{/if}
+{/if}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-overlay.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogOverlayProps } from "../types.js";
+declare const DialogOverlay: import("svelte").Component<DialogOverlayProps, {}, "ref">;
+type DialogOverlay = ReturnType<typeof DialogOverlay>;
+export default DialogOverlay;

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-title.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import { DialogTitleState } from "../dialog.svelte.js";
+	import type { DialogTitleProps } from "../types.js";
+	import { createId } from "../../../internal/create-id.js";
+
+	const uid = $props.id();
+
+	let {
+		id = createId(uid),
+		ref = $bindable(null),
+		child,
+		children,
+		level = 2,
+		...restProps
+	}: DialogTitleProps = $props();
+
+	const titleState = DialogTitleState.create({
+		id: boxWith(() => id),
+		level: boxWith(() => level),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, titleState.props));
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<div {...mergedProps}>
+		{@render children?.()}
+	</div>
+{/if}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-title.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogTitleProps } from "../types.js";
+declare const DialogTitle: import("svelte").Component<DialogTitleProps, {}, "ref">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
+export default DialogTitle;

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { boxWith, mergeProps } from "svelte-toolbelt";
+	import { DialogTriggerState } from "../dialog.svelte.js";
+	import type { DialogTriggerProps } from "../types.js";
+	import { createId } from "../../../internal/create-id.js";
+
+	const uid = $props.id();
+
+	let {
+		id = createId(uid),
+		ref = $bindable(null),
+		children,
+		child,
+		disabled = false,
+		...restProps
+	}: DialogTriggerProps = $props();
+
+	const triggerState = DialogTriggerState.create({
+		id: boxWith(() => id),
+		ref: boxWith(
+			() => ref,
+			(v) => (ref = v)
+		),
+		disabled: boxWith(() => Boolean(disabled)),
+	});
+
+	const mergedProps = $derived(mergeProps(restProps, triggerState.props));
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<button {...mergedProps}>
+		{@render children?.()}
+	</button>
+{/if}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogTriggerProps } from "../types.js";
+declare const DialogTrigger: import("svelte").Component<DialogTriggerProps, {}, "ref">;
+type DialogTrigger = ReturnType<typeof DialogTrigger>;
+export default DialogTrigger;

web/node_modules/bits-ui/dist/bits/dialog/components/dialog.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { boxWith } from "svelte-toolbelt";
+	import { DialogRootState } from "../dialog.svelte.js";
+	import type { DialogRootProps } from "../types.js";
+	import { noop } from "../../../internal/noop.js";
+
+	let {
+		open = $bindable(false),
+		onOpenChange = noop,
+		onOpenChangeComplete = noop,
+		children,
+	}: DialogRootProps = $props();
+
+	DialogRootState.create({
+		variant: boxWith(() => "dialog"),
+		open: boxWith(
+			() => open,
+			(v) => {
+				open = v;
+				onOpenChange(v);
+			}
+		),
+		onOpenChangeComplete: boxWith(() => onOpenChangeComplete),
+	});
+</script>
+
+{@render children?.()}

web/node_modules/bits-ui/dist/bits/dialog/components/dialog.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Dialog: import("svelte").Component<import("../types.js").DialogRootPropsWithoutHTML, {}, "open">;
+type Dialog = ReturnType<typeof Dialog>;
+export default Dialog;