chore(ui): general cleanup

pkgs/clan-app/ui/src/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import { splitProps, type JSX, createSignal } from "solid-js";
+import { splitProps, type JSX } from "solid-js";
 import cx from "classnames";
 import { Typography } from "../Typography/Typography";
 import { Button as KobalteButton } from "@kobalte/core/button";

pkgs/clan-app/ui/src/components/Logo/Logo.stories.tsx

@@ -3,7 +3,7 @@ import { Component, For } from "solid-js";
 import { Logo, LogoProps, LogoVariant } from "./Logo";
 import cx from "classnames";
 
-const variants: LogoVariant[] = ["Clan", "Darknet"];
+const variants: LogoVariant[] = ["Clan"];
 
 const LogoExamples: Component<LogoProps> = (props) => (
   <div class="grid grid-cols-6 items-center gap-4">

pkgs/clan-app/ui/src/components/Logo/Logo.tsx

@@ -1,5 +1,4 @@
 import Clan from "@/logos/clan.svg";
-import Darknet from "@/logos/darknet.svg";
 import { Dynamic } from "solid-js/web";
 import { Color, fgClass } from "@/src/components/colors";
 import { JSX, splitProps } from "solid-js";
@@ -7,7 +6,6 @@ import cx from "classnames";
 
 const logos = {
   Clan,
-  Darknet,
 };
 
 export type LogoVariant = keyof typeof logos;

pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.css

@@ -29,28 +29,10 @@ main#welcome {
       @apply absolute top-0 left-0 w-full h-full;
     }
 
-    svg[data-logo-name="Darknet"] {
-      @apply w-52;
-      @apply absolute top-28 left-1/2 transform -translate-x-1/2;
-    }
-
     svg[data-logo-name="Clan"] {
       @apply w-16;
       @apply absolute bottom-28 left-1/2 transform -translate-x-1/2;
     }
-
-    div.darknet-info {
-      @apply absolute bottom-[6.5rem] left-12;
-      @apply flex flex-col gap-y-2;
-
-      span.darknet-label {
-        color: theme(colors.off.darknet_label);
-      }
-
-      span.darknet-name {
-        color: theme(colors.off.darknet_name);
-      }
-    }
   }
 
   & > div.container {

pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx

@@ -4,7 +4,6 @@ import {
   createSignal,
   Match,
   Setter,
-  Show,
   Switch,
 } from "solid-js";
 import { RouteSectionProps, useNavigate } from "@solidjs/router";
@@ -22,7 +21,6 @@ import {
   FormStore,
   getError,
   getErrors,
-  getValue,
   SubmitHandler,
   valiForm,
 } from "@modular-forms/solid";
@@ -62,33 +60,7 @@ const background = (props: { state: State; form: FormStore<SetupForm> }) => (
     <div class="layer-1" />
     <div class="layer-2" />
     <div class="layer-3" />
-    <Logo variant="Darknet" inverted={true} />
     <Logo variant="Clan" inverted={true} />
-    <Show when={props.state === "setup"}>
-      <div class="darknet-info">
-        <Typography
-          class="darknet-label"
-          hierarchy="label"
-          family="mono"
-          size="default"
-          color="inherit"
-          weight="medium"
-          inverted={true}
-        >
-          Your Darknet:
-        </Typography>
-        <Typography
-          class="darknet-name"
-          hierarchy="teaser"
-          size="default"
-          color="inherit"
-          weight="medium"
-          inverted={true}
-        >
-          {getValue(props.form, "name")}
-        </Typography>
-      </div>
-    </Show>
   </div>
 );
 
@@ -117,8 +89,9 @@ const welcome = (props: {
         align="center"
         inverted={true}
       >
-        Build your <br />
-        own darknet
+        Build your own
+        <br />
+        Clan
       </Typography>
       {props.welcomeError() && (
         <Alert

pkgs/clan-app/ui/src/scene/splash.module.css

@@ -10,9 +10,7 @@
 }
 
 .splash_content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  @apply flex flex-col items-center gap-2;
 }
 
 .splash_title {

pkgs/clan-app/ui/src/scene/splash.tsx

@@ -1,4 +1,3 @@
-import Logo from "@/logos/darknet-builder-logo.svg";
 import styles from "./splash.module.css";
 import { Typography } from "../components/Typography/Typography";
 import { LoadingBar } from "../components/LoadingBar/LoadingBar";
@@ -6,14 +5,10 @@ import { LoadingBar } from "../components/LoadingBar/LoadingBar";
 export const Splash = () => (
   <div class={styles.splash}>
     <div class={styles.splash_content}>
-      <span class={styles.splash_title}>
-        <Logo />
-      </span>
-      <LoadingBar />
-
-      <Typography hierarchy="label" size="xs" weight="medium">
-        Loading new Clan
+      <Typography hierarchy="label" size="s" weight="medium">
+        Loading Clan
       </Typography>
+      <LoadingBar />
     </div>
   </div>
 );

pkgs/clan-app/ui/src/workflows/Install/steps/Initial.tsx

@@ -7,7 +7,7 @@ import { StepLayout } from "../../Steps";
 const ChoiceLocalOrRemote = () => {
   const stepSignal = useStepper<InstallSteps>();
   return (
-    <div class="flex flex-col gap-3 size-full">
+    <div class="flex size-full flex-col gap-3">
       <div class="flex flex-col gap-6 rounded-md px-4 py-6 text-fg-def-1 bg-def-2">
         <div class="flex justify-between gap-2">
           <div class="flex flex-col justify-center gap-1 px-1">

pkgs/clan-app/ui/src/workflows/Install/steps/installSteps.tsx

@@ -30,7 +30,6 @@ import {
 import { useClanURI } from "@/src/hooks/clan";
 import { useApiClient } from "@/src/hooks/ApiClient";
 import { ProcessMessage, useNotifyOrigin } from "@/src/hooks/notify";
-import { Loader } from "@/src/components/Loader/Loader";
 
 export const InstallHeader = (props: { machineName: string }) => {
   return (