feat(web): add JerapahFlow brand assets and apply them in the UI

Organize mark, wordmark, app icon, and YAML file icon under the theme brand folder.

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/web/src/pages/AuthPage.jsx

@@ -2,6 +2,7 @@ import { useState } from "react";
 import { LuLogIn, LuUserPlus } from "react-icons/lu";
 import { errorMessage } from "../api/client.js";
 import { useLogin, useRegister } from "../api/hooks.js";
+import { brandBanner } from "../theme/brand.js";
 
 export function AuthPage({ needsSetup }) {
   const login = useLogin();
@@ -25,6 +26,11 @@ export function AuthPage({ needsSetup }) {
         <legend className="fieldset-legend text-lg">
           {needsSetup ? "Create admin" : "Sign in"}
         </legend>
+        <img
+          src={brandBanner}
+          alt="JerapahFlow"
+          className="mb-2 w-full rounded-box bg-neutral object-contain"
+        />
         <label className="label" htmlFor="username">
           Username
         </label>

packages/web/src/pages/WorkflowEditPage.jsx

@@ -8,6 +8,7 @@ import {
   useSetWorkflowEnabled,
   useWorkflow,
 } from "../api/hooks.js";
+import { WorkflowFileIcon } from "../components/WorkflowFileIcon.jsx";
 import { WorkflowVisualEditor } from "../components/workflow/WorkflowVisualEditor.jsx";
 import { NEW_WORKFLOW_YAML, parseWorkflowYaml } from "../lib/workflow-doc.js";
 
@@ -33,6 +34,7 @@ function WorkflowEditorLayout({
         <Link to={backTo} className="btn btn-ghost btn-sm btn-square" aria-label="Back">
           <LuArrowLeft className="size-4" />
         </Link>
+        <WorkflowFileIcon className="size-8 shrink-0" />
         <h1 className="truncate text-xl font-semibold">{title}</h1>
         <div className="flex-1" />
         {onToggleEnabled ? (

packages/web/src/pages/WorkflowsPage.jsx

@@ -9,6 +9,7 @@ import {
   useSetWorkflowEnabled,
   useWorkflows,
 } from "../api/hooks.js";
+import { WorkflowFileIcon } from "../components/WorkflowFileIcon.jsx";
 import { formatTime, WorkflowStatusBadge } from "../lib/format.jsx";
 
 export function WorkflowsPage() {
@@ -120,9 +121,10 @@ export function WorkflowsPage() {
                 <tr key={w.key} className="hover">
                   <td>
                     <Link
-                      className="link"
+                      className="link inline-flex items-center gap-2"
                       to={`/workflows/${encodeURIComponent(w.owner)}/${encodeURIComponent(w.file)}/edit`}
                     >
+                      <WorkflowFileIcon className="size-7 shrink-0" />
                       {w.name}
                     </Link>
                     {!w.registered ? (