feat(shell,api,keys): firefly v1 shell over the api with cookie auth, period, palette and keymap

src/lib/components/Amount.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+  import { formatMoney, type Money, toNumber } from "#lib/format.js";
+
+  export type Tone = "income" | "expense" | "transfer" | "neutral" | "auto";
+
+  let {
+    amount,
+    code,
+    symbol,
+    decimals,
+    tone = "auto",
+    signed = false,
+    class: className = "",
+  }: Money & { tone?: Tone; signed?: boolean; class?: string } = $props();
+
+  const value = $derived(toNumber(amount));
+  const resolved = $derived.by(() => {
+    if (tone !== "auto") {
+      return tone;
+    }
+    if (value > 0) {
+      return "income";
+    }
+    return value < 0 ? "expense" : "neutral";
+  });
+  const color = $derived(
+    {
+      expense: "text-expense",
+      income: "text-income",
+      neutral: "text-cladd-fg-softer",
+      transfer: "text-transfer",
+    }[resolved]
+  );
+</script>
+
+<span class="num {color} {className}"
+  >{formatMoney({ amount, code, decimals, symbol }, signed)}</span
+>