Initial commit: Hermes Chat v2

Svelte 5 + shadcn-svelte + Tailwind CSS v4 chat interface
for Hermes Agent with Monaco editor, file drag/drop,
artifacts, image preview, and real session management.

- SSE streaming via hermes CLI proxy
- File upload + drag/drop with image preview
- Code artifacts with Monaco editor
- Markdown + highlight.js syntax highlighting
- Full settings (model, provider, temp, system prompt)
- 12 shadcn UI components
- Dark/light theme

src/lib/components/ui/button/button.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+	import { cn } from "$lib/utils";
+	import { cva, type VariantProps } from "class-variance-authority";
+
+	const buttonVariants = cva(
+		"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+		{
+			variants: {
+				variant: {
+					default: "bg-primary text-primary-foreground hover:bg-primary/90",
+					destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+					outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+					secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+					ghost: "hover:bg-accent hover:text-accent-foreground",
+					link: "text-primary underline-offset-4 hover:underline",
+				},
+				size: {
+					default: "h-10 px-4 py-2",
+					sm: "h-9 rounded-md px-3",
+					lg: "h-11 rounded-md px-8",
+					icon: "h-10 w-10",
+				},
+			},
+			defaultVariants: {
+				variant: "default",
+				size: "default",
+			},
+		}
+	);
+
+	type ButtonVariant = VariantProps<typeof buttonVariants>;
+	type ButtonSize = NonNullable<ButtonVariant["size"]>;
+	type ButtonVariantType = NonNullable<ButtonVariant["variant"]>;
+
+	let {
+		ref = $state<HTMLButtonElement | null>(null),
+		class: className = "",
+		variant = "default" as ButtonVariantType,
+		size = "default" as ButtonSize,
+		children,
+		...restProps
+	}: {
+		ref?: HTMLButtonElement | null;
+		class?: string;
+		variant?: ButtonVariantType;
+		size?: ButtonSize;
+		children?: import("svelte").Snippet;
+		[key: string]: unknown;
+	} = $props();
+</script>
+
+<button
+	bind:this={ref}
+	class={cn(buttonVariants({ variant, size }), className)}
+	{...restProps}
+>
+	{#if children}
+		{@render children()}
+	{/if}
+</button>