From c333fcec32b1f90bf0da6bb14d2609c20e38a74f Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Fri, 26 Jun 2026 22:21:55 +0900
Subject: style: switch from tabs to 2-space indentation (incl. svelte)

---
 src/features/surface-host/ui/SurfaceView.svelte | 87 ++++++++++++-------------
 1 file changed, 42 insertions(+), 45 deletions(-)

(limited to 'src/features/surface-host/ui/SurfaceView.svelte')

diff --git a/src/features/surface-host/ui/SurfaceView.svelte b/src/features/surface-host/ui/SurfaceView.svelte
index 3f92e3b..aed8d03 100644
--- a/src/features/surface-host/ui/SurfaceView.svelte
+++ b/src/features/surface-host/ui/SurfaceView.svelte
@@ -1,52 +1,49 @@
 <script lang="ts">
-	import type { InvokeMessage, SurfaceSpec } from "@dispatch/ui-contract";
-	import { groupRenderFields, planSurface } from "../logic/plan";
-	import Button from "./Button.svelte";
-	import MessageQueueList from "./MessageQueueList.svelte";
-	import Number from "./Number.svelte";
-	import Progress from "./Progress.svelte";
-	import Selector from "./Selector.svelte";
-	import StatTable from "./StatTable.svelte";
-	import SurfaceTable from "./SurfaceTable.svelte";
-	import TodoList from "./TodoList.svelte";
-	import Toggle from "./Toggle.svelte";
+  import type { InvokeMessage, SurfaceSpec } from "@dispatch/ui-contract";
+  import { groupRenderFields, planSurface } from "../logic/plan";
+  import Button from "./Button.svelte";
+  import MessageQueueList from "./MessageQueueList.svelte";
+  import Number from "./Number.svelte";
+  import Progress from "./Progress.svelte";
+  import Selector from "./Selector.svelte";
+  import StatTable from "./StatTable.svelte";
+  import SurfaceTable from "./SurfaceTable.svelte";
+  import TodoList from "./TodoList.svelte";
+  import Toggle from "./Toggle.svelte";
 
-	let {
-		spec,
-		onInvoke,
-	}: { spec: SurfaceSpec; onInvoke: (msg: InvokeMessage) => void } = $props();
+  let { spec, onInvoke }: { spec: SurfaceSpec; onInvoke: (msg: InvokeMessage) => void } = $props();
 
-	const plan = $derived(planSurface(spec));
-	// Consecutive stats render together as one aligned table; everything else is
-	// a standalone widget. Grouping keys on field KIND only — never the surface id.
-	const groups = $derived(groupRenderFields(plan.fields));
+  const plan = $derived(planSurface(spec));
+  // Consecutive stats render together as one aligned table; everything else is
+  // a standalone widget. Grouping keys on field KIND only — never the surface id.
+  const groups = $derived(groupRenderFields(plan.fields));
 </script>
 
 <article>
-	<h2>{spec.title}</h2>
-	{#each groups as group, i (i)}
-		{#if group.type === "stats"}
-			<StatTable stats={group.stats} />
-		{:else if group.field.kind === "toggle"}
-			<Toggle field={group.field} surfaceId={spec.id} {onInvoke} />
-		{:else if group.field.kind === "progress"}
-			<Progress field={group.field} />
-		{:else if group.field.kind === "selector"}
-			<Selector field={group.field} surfaceId={spec.id} {onInvoke} />
-		{:else if group.field.kind === "number"}
-			<Number field={group.field} surfaceId={spec.id} {onInvoke} />
-		{:else if group.field.kind === "button"}
-			<Button field={group.field} surfaceId={spec.id} {onInvoke} />
-		{:else if group.field.kind === "custom"}
-			<!-- Dispatch on rendererId (a renderer KIND, never a surface id);
-			     unknown ids gracefully render nothing. -->
-			{#if group.field.rendererId === "table"}
-				<SurfaceTable payload={group.field.payload} />
-			{:else if group.field.rendererId === "message-queue"}
-				<MessageQueueList payload={group.field.payload} />
-			{:else if group.field.rendererId === "todo"}
-				<TodoList payload={group.field.payload} />
-			{/if}
-		{/if}
-	{/each}
+  <h2>{spec.title}</h2>
+  {#each groups as group, i (i)}
+    {#if group.type === "stats"}
+      <StatTable stats={group.stats} />
+    {:else if group.field.kind === "toggle"}
+      <Toggle field={group.field} surfaceId={spec.id} {onInvoke} />
+    {:else if group.field.kind === "progress"}
+      <Progress field={group.field} />
+    {:else if group.field.kind === "selector"}
+      <Selector field={group.field} surfaceId={spec.id} {onInvoke} />
+    {:else if group.field.kind === "number"}
+      <Number field={group.field} surfaceId={spec.id} {onInvoke} />
+    {:else if group.field.kind === "button"}
+      <Button field={group.field} surfaceId={spec.id} {onInvoke} />
+    {:else if group.field.kind === "custom"}
+      <!-- Dispatch on rendererId (a renderer KIND, never a surface id);
+           unknown ids gracefully render nothing. -->
+      {#if group.field.rendererId === "table"}
+        <SurfaceTable payload={group.field.payload} />
+      {:else if group.field.rendererId === "message-queue"}
+        <MessageQueueList payload={group.field.payload} />
+      {:else if group.field.rendererId === "todo"}
+        <TodoList payload={group.field.payload} />
+      {/if}
+    {/if}
+  {/each}
 </article>
-- 
cgit v1.2.3