feat: finish the homepage plugin, move service links and canvas out of core (B19)

plugins/homepage/src/frontend/dialogs/FolderEditForm.tsx

@@ -0,0 +1,44 @@
+import { useTranslation } from "@termix/plugin-sdk/frontend";
+import { Input } from "@termix/plugin-sdk/ui";
+import type { FolderConfig, WidgetEditFormProps } from "../types.js";
+
+function getAccentColor(): string {
+  return (
+    getComputedStyle(document.documentElement)
+      .getPropertyValue("--accent-brand")
+      .trim() || "#f59145"
+  );
+}
+
+export function FolderEditForm({
+  config,
+  onChange,
+}: WidgetEditFormProps<FolderConfig>) {
+  const { t } = useTranslation();
+  const accent = getAccentColor();
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="flex flex-col gap-1">
+        <label className="text-xs font-medium text-muted-foreground">
+          {t("homepage.color")}
+        </label>
+        <div className="flex items-center gap-2">
+          <input
+            type="color"
+            value={config.color || accent}
+            onChange={(e) => onChange({ ...config, color: e.target.value })}
+            className="w-8 h-8 border border-border cursor-pointer"
+          />
+          <Input
+            value={config.color ?? ""}
+            onChange={(e) =>
+              onChange({ ...config, color: e.target.value || undefined })
+            }
+            placeholder={accent}
+            className="h-8 text-sm flex-1"
+          />
+        </div>
+      </div>
+    </div>
+  );
+}