From 8c48da0ae01c31c54bda780237749b9dae1d7f62 Mon Sep 17 00:00:00 2001
From: Roman Korvatskyi <romanivan@flamingo.cx>
Date: Wed, 5 Aug 2026 16:44:23 +0200
Subject: [PATCH] Cleanup core frontend lib: remove dead duplicate components
 (wave 1+2)

- Delete 62 dead files with zero importers and no barrel exports: 9 root twins of ui/ primitives, 38 stale loose icons/logos, dead shadcn primitives, orphan stubs
- Repoint 5 live imports (flamingo/openframe/openmsp logos, plus-circle icon) to canonical components/icons/
- Add named exports for OpenSourceFeatures and WhyItMatters (default-only exports were unreachable through the export * barrel)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../src/components/about-icon.tsx             |  29 --
 .../src/components/aspect-ratio.tsx           |   7 -
 .../src/components/avatar.tsx                 |  40 --
 .../src/components/chart.tsx                  | 364 ------------------
 .../src/components/chat/chat-container.tsx    |   2 +-
 .../src/components/check-circle-icon.tsx      |  29 --
 .../src/components/checkbox.tsx               |  30 --
 .../src/components/claude-icon.tsx            |  24 --
 .../src/components/coins-icon.tsx             |  29 --
 .../src/components/command.tsx                | 153 --------
 .../src/components/community-hub-icon.tsx     |  27 --
 .../src/components/community-icon.tsx         |  27 --
 .../src/components/compare-icon.tsx           |  27 --
 .../src/components/context-menu.tsx           | 200 ----------
 .../components/custom-external-link-icon.tsx  |  33 --
 .../src/components/custom-fork-icon.tsx       |  33 --
 .../src/components/custom-icons.tsx           |  47 ---
 .../src/components/custom-license-icon.tsx    |  33 --
 .../src/components/custom-star-icon.tsx       |  29 --
 .../src/components/custom-time-icon.tsx       |  33 --
 .../src/components/donut-icon.tsx             |  21 -
 .../src/components/edit-profile-icon.tsx      |  23 --
 .../src/components/elestio-logo.tsx           |  67 ----
 .../src/components/empty-vendor-icon.tsx      |  44 ---
 .../components/features/platform-badge.tsx    |   4 +-
 .../src/components/flamingo-logo.tsx          |  27 --
 .../src/components/form.tsx                   | 138 -------
 .../src/components/github-icon.tsx            |  26 --
 .../src/components/google-logo.tsx            |  32 --
 .../src/components/hamburger-icon.tsx         |  29 --
 .../src/components/hubspot-icon.tsx           |  20 -
 .../src/components/icon-utils.tsx             |  36 --
 .../src/components/interactive-wrapper.tsx    | 336 ----------------
 .../components/join-waitlist-button-stub.tsx  |  30 --
 .../components/loading/openmsp-heartbeat.tsx  |   2 +-
 .../src/components/made-with-love.tsx         |   7 +-
 .../src/components/menu-icon.tsx              |  22 --
 .../src/components/minus-circle-icon.tsx      |  28 --
 .../src/components/moon-icon.tsx              |  26 --
 .../src/components/ms-icon.tsx                |  31 --
 .../src/components/open-source-features.tsx   |   2 +-
 .../src/components/open-source-icon.tsx       |  27 --
 .../src/components/openframe-logo.tsx         |  46 ---
 .../src/components/openmsp-logo.tsx           |  36 --
 .../src/components/plus-circle-icon.tsx       |  30 --
 .../src/components/progress.tsx               |  27 --
 .../src/components/provider-button.tsx        |  39 --
 .../src/components/reddit-icon.tsx            |  50 ---
 .../src/components/resizable.tsx              |  45 ---
 .../src/components/scroll-area.tsx            |  49 ---
 .../src/components/send-icon.tsx              |  26 --
 .../src/components/separator.tsx              |  22 --
 .../src/components/skeleton.tsx               |   8 -
 .../src/components/slack-icon.tsx             |  43 ---
 .../src/components/slider.tsx                 |  28 --
 .../src/components/smooth-accordion.tsx       | 124 ------
 .../src/components/steps.tsx                  |  98 -----
 .../src/components/sun-icon.tsx               |  27 --
 .../src/components/switch.tsx                 |  29 --
 .../src/components/textarea.tsx               |  22 --
 .../src/components/ui/pagination-stub.tsx     |  38 --
 .../ui/responsive-icons-block-stub.tsx        |  14 -
 .../src/components/user-icon.tsx              |  33 --
 .../src/components/vendor-directory-icon.tsx  |  27 --
 .../src/components/vendor-tag.tsx             |   2 +-
 .../src/components/vendors-icon.tsx           |  27 --
 .../src/components/why-it-matters.tsx         |   2 +-
 .../src/components/x-icon.tsx                 |  29 --
 .../src/components/x-logo.tsx                 |  22 --
 69 files changed, 11 insertions(+), 3106 deletions(-)
 delete mode 100644 openframe-frontend-core/src/components/about-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/aspect-ratio.tsx
 delete mode 100644 openframe-frontend-core/src/components/avatar.tsx
 delete mode 100644 openframe-frontend-core/src/components/chart.tsx
 delete mode 100644 openframe-frontend-core/src/components/check-circle-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/checkbox.tsx
 delete mode 100644 openframe-frontend-core/src/components/claude-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/coins-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/command.tsx
 delete mode 100644 openframe-frontend-core/src/components/community-hub-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/community-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/compare-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/context-menu.tsx
 delete mode 100644 openframe-frontend-core/src/components/custom-external-link-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/custom-fork-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/custom-icons.tsx
 delete mode 100644 openframe-frontend-core/src/components/custom-license-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/custom-star-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/custom-time-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/donut-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/edit-profile-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/elestio-logo.tsx
 delete mode 100644 openframe-frontend-core/src/components/empty-vendor-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/flamingo-logo.tsx
 delete mode 100644 openframe-frontend-core/src/components/form.tsx
 delete mode 100644 openframe-frontend-core/src/components/github-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/google-logo.tsx
 delete mode 100644 openframe-frontend-core/src/components/hamburger-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/hubspot-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/icon-utils.tsx
 delete mode 100644 openframe-frontend-core/src/components/interactive-wrapper.tsx
 delete mode 100644 openframe-frontend-core/src/components/join-waitlist-button-stub.tsx
 delete mode 100644 openframe-frontend-core/src/components/menu-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/minus-circle-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/moon-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/ms-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/open-source-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/openframe-logo.tsx
 delete mode 100644 openframe-frontend-core/src/components/openmsp-logo.tsx
 delete mode 100644 openframe-frontend-core/src/components/plus-circle-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/progress.tsx
 delete mode 100644 openframe-frontend-core/src/components/provider-button.tsx
 delete mode 100644 openframe-frontend-core/src/components/reddit-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/resizable.tsx
 delete mode 100644 openframe-frontend-core/src/components/scroll-area.tsx
 delete mode 100644 openframe-frontend-core/src/components/send-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/separator.tsx
 delete mode 100644 openframe-frontend-core/src/components/skeleton.tsx
 delete mode 100644 openframe-frontend-core/src/components/slack-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/slider.tsx
 delete mode 100644 openframe-frontend-core/src/components/smooth-accordion.tsx
 delete mode 100644 openframe-frontend-core/src/components/steps.tsx
 delete mode 100644 openframe-frontend-core/src/components/sun-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/switch.tsx
 delete mode 100644 openframe-frontend-core/src/components/textarea.tsx
 delete mode 100644 openframe-frontend-core/src/components/ui/pagination-stub.tsx
 delete mode 100644 openframe-frontend-core/src/components/ui/responsive-icons-block-stub.tsx
 delete mode 100644 openframe-frontend-core/src/components/user-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/vendor-directory-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/vendors-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/x-icon.tsx
 delete mode 100644 openframe-frontend-core/src/components/x-logo.tsx

diff --git a/openframe-frontend-core/src/components/about-icon.tsx b/openframe-frontend-core/src/components/about-icon.tsx
deleted file mode 100644
index c20237cf8..000000000
--- a/openframe-frontend-core/src/components/about-icon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-interface AboutIconProps {
-  width?: number;
-  height?: number;
-  className?: string;
-}
-
-export function AboutIcon({ 
-  width = 24, 
-  height = 24, 
-  className = "" 
-}: AboutIconProps) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/aspect-ratio.tsx b/openframe-frontend-core/src/components/aspect-ratio.tsx
deleted file mode 100644
index d6a5226f5..000000000
--- a/openframe-frontend-core/src/components/aspect-ratio.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client"
-
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
-
-const AspectRatio = AspectRatioPrimitive.Root
-
-export { AspectRatio }
diff --git a/openframe-frontend-core/src/components/avatar.tsx b/openframe-frontend-core/src/components/avatar.tsx
deleted file mode 100644
index 5813c20ff..000000000
--- a/openframe-frontend-core/src/components/avatar.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
-
-import { cn } from "../utils/cn"
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)}
-    {...props}
-  />
-))
-Avatar.displayName = AvatarPrimitive.Root.displayName
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image ref={ref} className={cn("aspect-square h-full w-full", className)} {...props} />
-))
-AvatarImage.displayName = AvatarPrimitive.Image.displayName
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)}
-    {...props}
-  />
-))
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
-
-export { Avatar, AvatarImage, AvatarFallback }
diff --git a/openframe-frontend-core/src/components/chart.tsx b/openframe-frontend-core/src/components/chart.tsx
deleted file mode 100644
index a69edfce3..000000000
--- a/openframe-frontend-core/src/components/chart.tsx
+++ /dev/null
@@ -1,364 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as RechartsPrimitive from "recharts"
-
-import { cn } from "../utils/cn"
-
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" } as const
-
-export type ChartConfig = {
-  [k in string]: {
-    label?: React.ReactNode
-    icon?: React.ComponentType
-  } & (
-    | { color?: string; theme?: never }
-    | { color?: never; theme: Record<keyof typeof THEMES, string> }
-  )
-}
-
-type ChartContextProps = {
-  config: ChartConfig
-}
-
-const ChartContext = React.createContext<ChartContextProps | null>(null)
-
-function useChart() {
-  const context = React.useContext(ChartContext)
-
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />")
-  }
-
-  return context
-}
-
-const ChartContainer = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & {
-    config: ChartConfig
-    children: React.ComponentProps<
-      typeof RechartsPrimitive.ResponsiveContainer
-    >["children"]
-  }
->(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React.useId()
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
-
-  return (
-    <ChartContext.Provider value={{ config }}>
-      <div
-        data-chart={chartId}
-        ref={ref}
-        className={cn(
-          "flex aspect-video justify-center text-h6 [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
-          className
-        )}
-        {...props}
-      >
-        <ChartStyle id={chartId} config={config} />
-        <RechartsPrimitive.ResponsiveContainer>
-          {children}
-        </RechartsPrimitive.ResponsiveContainer>
-      </div>
-    </ChartContext.Provider>
-  )
-})
-ChartContainer.displayName = "Chart"
-
-const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([_, config]) => config.theme || config.color
-  )
-
-  if (!colorConfig.length) {
-    return null
-  }
-
-  return (
-    <style
-      dangerouslySetInnerHTML={{
-        __html: Object.entries(THEMES)
-          .map(
-            ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-  .map(([key, itemConfig]) => {
-    const color =
-      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
-      itemConfig.color
-    return color ? `  --color-${key}: ${color};` : null
-  })
-  .join("\n")}
-}
-`
-          )
-          .join("\n"),
-      }}
-    />
-  )
-}
-
-const ChartTooltip = RechartsPrimitive.Tooltip
-
-const ChartTooltipContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-    React.ComponentProps<"div"> & {
-      hideLabel?: boolean
-      hideIndicator?: boolean
-      indicator?: "line" | "dot" | "dashed"
-      nameKey?: string
-      labelKey?: string
-    }
->(
-  (props: any, ref: any) => {
-    const {
-      active,
-      payload,
-      className,
-      indicator = "dot",
-      hideLabel = false,
-      hideIndicator = false,
-      label,
-      labelFormatter,
-      labelClassName,
-      formatter,
-      color,
-      nameKey,
-      labelKey,
-      ...rest
-    } = props;
-    const { config } = useChart()
-
-    const tooltipLabel = React.useMemo(() => {
-      if (hideLabel || !payload?.length) {
-        return null
-      }
-
-      const [item] = payload
-      const key = `${labelKey || item.dataKey || item.name || "value"}`
-      const itemConfig = getPayloadConfigFromPayload(config, item, key)
-      const value =
-        !labelKey && typeof label === "string"
-          ? config[label as keyof typeof config]?.label || label
-          : itemConfig?.label
-
-      if (labelFormatter) {
-        return (
-          <div className={cn("font-medium", labelClassName)}>
-            {labelFormatter(value, payload)}
-          </div>
-        )
-      }
-
-      if (!value) {
-        return null
-      }
-
-      return <div className={cn("font-medium", labelClassName)}>{value}</div>
-    }, [
-      label,
-      labelFormatter,
-      payload,
-      hideLabel,
-      labelClassName,
-      config,
-      labelKey,
-    ])
-
-    if (!active || !payload?.length) {
-      return null
-    }
-
-    const nestLabel = payload.length === 1 && indicator !== "dot"
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-h6 shadow-xl",
-          className
-        )}
-      >
-        {!nestLabel ? tooltipLabel : null}
-        <div className="grid gap-1.5">
-          {payload?.map((item: any, index: number) => {
-            const key = `${nameKey || item.name || item.dataKey || "value"}`
-            const itemConfig = getPayloadConfigFromPayload(config, item, key)
-            const indicatorColor = color || item.payload.fill || item.color
-
-            return (
-              <div
-                key={item.dataKey}
-                className={cn(
-                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-                  indicator === "dot" && "items-center"
-                )}
-              >
-                {formatter && item?.value !== undefined && item.name ? (
-                  formatter(item.value, item.name, item, index, item.payload)
-                ) : (
-                  <>
-                    {itemConfig?.icon ? (
-                      <itemConfig.icon />
-                    ) : (
-                      !hideIndicator && (
-                        <div
-                          className={cn(
-                            "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
-                            {
-                              "h-2.5 w-2.5": indicator === "dot",
-                              "w-1": indicator === "line",
-                              "w-0 border-[1.5px] border-dashed bg-transparent":
-                                indicator === "dashed",
-                              "my-0.5": nestLabel && indicator === "dashed",
-                            }
-                          )}
-                          style={
-                            {
-                              "--color-bg": indicatorColor,
-                              "--color-border": indicatorColor,
-                            } as React.CSSProperties
-                          }
-                        />
-                      )
-                    )}
-                    <div
-                      className={cn(
-                        "flex flex-1 justify-between leading-none",
-                        nestLabel ? "items-end" : "items-center"
-                      )}
-                    >
-                      <div className="grid gap-1.5">
-                        {nestLabel ? tooltipLabel : null}
-                        <span className="text-muted-foreground">
-                          {itemConfig?.label || item.name}
-                        </span>
-                      </div>
-                      {item.value && (
-                        <span className="text-code tabular-nums text-foreground">
-                          {item.value.toLocaleString()}
-                        </span>
-                      )}
-                    </div>
-                  </>
-                )}
-              </div>
-            )
-          })}
-        </div>
-      </div>
-    )
-  }
-)
-ChartTooltipContent.displayName = "ChartTooltip"
-
-const ChartLegend = RechartsPrimitive.Legend
-
-const ChartLegendContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> &
-    { payload?: any; verticalAlign?: any } & {
-      hideIcon?: boolean
-      nameKey?: string
-    }
->(
-  (
-    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
-    ref
-  ) => {
-    const { config } = useChart()
-
-    if (!payload?.length) {
-      return null
-    }
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "flex items-center justify-center gap-4",
-          verticalAlign === "top" ? "pb-3" : "pt-3",
-          className
-        )}
-      >
-        {payload?.map((item: any) => {
-          const key = `${nameKey || item.dataKey || "value"}`
-          const itemConfig = getPayloadConfigFromPayload(config, item, key)
-
-          return (
-            <div
-              key={item.value}
-              className={cn(
-                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-              )}
-            >
-              {itemConfig?.icon && !hideIcon ? (
-                <itemConfig.icon />
-              ) : (
-                <div
-                  className="h-2 w-2 shrink-0 rounded-[2px]"
-                  style={{
-                    backgroundColor: item.color,
-                  }}
-                />
-              )}
-              {itemConfig?.label}
-            </div>
-          )
-        })}
-      </div>
-    )
-  }
-)
-ChartLegendContent.displayName = "ChartLegend"
-
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(
-  config: ChartConfig,
-  payload: unknown,
-  key: string
-) {
-  if (typeof payload !== "object" || payload === null) {
-    return undefined
-  }
-
-  const payloadPayload =
-    "payload" in payload &&
-    typeof payload.payload === "object" &&
-    payload.payload !== null
-      ? payload.payload
-      : undefined
-
-  let configLabelKey: string = key
-
-  if (
-    key in payload &&
-    typeof payload[key as keyof typeof payload] === "string"
-  ) {
-    configLabelKey = payload[key as keyof typeof payload] as string
-  } else if (
-    payloadPayload &&
-    key in payloadPayload &&
-    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
-  ) {
-    configLabelKey = payloadPayload[
-      key as keyof typeof payloadPayload
-    ] as string
-  }
-
-  return configLabelKey in config
-    ? config[configLabelKey]
-    : config[key as keyof typeof config]
-}
-
-export {
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-}
diff --git a/openframe-frontend-core/src/components/chat/chat-container.tsx b/openframe-frontend-core/src/components/chat/chat-container.tsx
index 109379797..29f0c60d0 100644
--- a/openframe-frontend-core/src/components/chat/chat-container.tsx
+++ b/openframe-frontend-core/src/components/chat/chat-container.tsx
@@ -2,7 +2,7 @@ import * as React from "react"
 import { cn } from "../../utils/cn"
 import { SquareAvatar as Avatar } from "../ui/square-avatar"
 import { Button } from "../ui/button"
-import { PlusCircleIcon } from "../plus-circle-icon"
+import { PlusCircleIcon } from "../icons/plus-circle-icon"
 import { XmarkIcon } from "../icons-v2-generated/signs-and-symbols/xmark-icon"
 import { Chevron02LeftIcon } from "../icons-v2-generated"
 import { TicketStatusTag, resolveStatusTagProps } from "../ui/ticket-status-tag"
diff --git a/openframe-frontend-core/src/components/check-circle-icon.tsx b/openframe-frontend-core/src/components/check-circle-icon.tsx
deleted file mode 100644
index a24dd9264..000000000
--- a/openframe-frontend-core/src/components/check-circle-icon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react'
-
-interface CheckCircleIconProps extends React.SVGProps<SVGSVGElement> {
-  className?: string
-}
-
-export function CheckCircleIcon({ className, color = '#1A1A1A', ...props }: CheckCircleIconProps) {
-  return (
-    <svg 
-      width="24" 
-      height="24" 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      color={color}
-      {...props}
-    >
-      <path 
-        d="M20.8745 12.0005C20.8745 7.09912 16.9018 3.12526 12.0005 3.125C7.09896 3.125 3.125 7.09896 3.125 12.0005C3.12526 16.9018 7.09912 20.8745 12.0005 20.8745C16.9016 20.8742 20.8742 16.9016 20.8745 12.0005ZM23.1245 12.0005C23.1242 18.1443 18.1443 23.1242 12.0005 23.1245C5.85648 23.1245 0.875264 18.1444 0.875 12.0005C0.875 5.85632 5.85632 0.875 12.0005 0.875C18.1444 0.875264 23.1245 5.85648 23.1245 12.0005Z" 
-        fill={color}
-      />
-      <path 
-        d="M15.7046 8.20459C16.1439 7.76525 16.8561 7.76525 17.2954 8.20459C17.7347 8.64393 17.7347 9.35607 17.2954 9.79541L11.2954 15.7954C10.8561 16.2347 10.1439 16.2347 9.70459 15.7954L6.70459 12.7954L6.62695 12.7104C6.26649 12.2686 6.29268 11.6165 6.70459 11.2046C7.1165 10.7927 7.76858 10.7665 8.21045 11.127L8.29541 11.2046L10.5 13.4092L15.7046 8.20459Z" 
-        fill={color}
-      />
-    </svg>
-  )
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/checkbox.tsx b/openframe-frontend-core/src/components/checkbox.tsx
deleted file mode 100644
index 6f35a106d..000000000
--- a/openframe-frontend-core/src/components/checkbox.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-
-import { cn } from "../utils/cn"
-import { CheckboxCheckmarkIcon } from "./icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon"
-
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof CheckboxPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <CheckboxPrimitive.Root
-    ref={ref}
-    className={cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    )}
-    {...props}
-  >
-    <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
-    >
-      <CheckboxCheckmarkIcon size={10} />
-    </CheckboxPrimitive.Indicator>
-  </CheckboxPrimitive.Root>
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
-
-export { Checkbox }
diff --git a/openframe-frontend-core/src/components/claude-icon.tsx b/openframe-frontend-core/src/components/claude-icon.tsx
deleted file mode 100644
index 0432ee95c..000000000
--- a/openframe-frontend-core/src/components/claude-icon.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-"use client";
-
-import React from 'react';
-
-interface ClaudeIconProps extends React.SVGProps<SVGSVGElement> {}
-
-export function ClaudeIcon(props: ClaudeIconProps) {
-  return (
-    <svg
-      height="1em"
-      width="1em"
-      viewBox="0 0 24 24"
-      xmlns="http://www.w3.org/2000/svg"
-      aria-label="Claude"
-      {...props}
-    >
-      <path
-        d="M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z"
-        fill="#D97757"
-        fillRule="nonzero"
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/coins-icon.tsx b/openframe-frontend-core/src/components/coins-icon.tsx
deleted file mode 100644
index 2558ce5b9..000000000
--- a/openframe-frontend-core/src/components/coins-icon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-interface CoinsIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CoinsIcon: React.FC<CoinsIconProps> = ({ 
-  className = "", 
-  width = 20, 
-  height = 20 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 20 20" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <circle cx="7" cy="8" r="4" stroke="currentColor" strokeWidth="1.5" fill="none"/>
-      <circle cx="13" cy="12" r="4" stroke="currentColor" strokeWidth="1.5" fill="none"/>
-      <path d="M9 6c0-1.1.9-2 2-2s2 .9 2 2" stroke="currentColor" strokeWidth="1.5" fill="none"/>
-      <path d="M15 10c0-1.1.9-2 2-2s2 .9 2 2" stroke="currentColor" strokeWidth="1.5" fill="none"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/command.tsx b/openframe-frontend-core/src/components/command.tsx
deleted file mode 100644
index 3c2d70140..000000000
--- a/openframe-frontend-core/src/components/command.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { type DialogProps } from "@radix-ui/react-dialog"
-import { Command as CommandPrimitive } from "cmdk"
-import { Search } from "lucide-react"
-
-import { cn } from "../utils/cn"
-import { Dialog, DialogContent } from "./ui/dialog"
-
-const Command = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-Command.displayName = CommandPrimitive.displayName
-
-const CommandDialog = ({ children, ...props }: DialogProps) => {
-  return (
-    <Dialog {...props}>
-      <DialogContent className="overflow-hidden p-0 shadow-lg">
-        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
->(({ className, ...props }, ref) => (
-  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
-    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-h6 outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  </div>
-))
-
-CommandInput.displayName = CommandPrimitive.Input.displayName
-
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-))
-
-CommandList.displayName = CommandPrimitive.List.displayName
-
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-h6"
-    {...props}
-  />
-))
-
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName
-
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-
-CommandGroup.displayName = CommandPrimitive.Group.displayName
-
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 h-px bg-border", className)}
-    {...props}
-  />
-))
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName
-
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-h6 outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    )}
-    {...props}
-  />
-))
-
-CommandItem.displayName = CommandPrimitive.Item.displayName
-
-const CommandShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-CommandShortcut.displayName = "CommandShortcut"
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-}
diff --git a/openframe-frontend-core/src/components/community-hub-icon.tsx b/openframe-frontend-core/src/components/community-hub-icon.tsx
deleted file mode 100644
index f2d5a9580..000000000
--- a/openframe-frontend-core/src/components/community-hub-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface CommunityHubIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CommunityHubIcon: React.FC<CommunityHubIconProps> = ({ 
-  className = "", 
-  width = 19, 
-  height = 16 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 19 16" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M2.26831 10.5006C2.7145 10.2384 3.28877 10.3878 3.55127 10.8339C3.81375 11.28 3.66521 11.8542 3.21924 12.1168C2.7743 12.3786 2.44807 12.8134 2.32568 13.3266C2.76754 13.4022 3.10443 13.786 3.10449 14.2494C3.10449 14.7349 2.73505 15.1341 2.26221 15.182L2.16699 15.1869H1.80933C1.02862 15.1868 0.395752 14.5541 0.395752 13.7733C0.395757 12.3777 1.14996 11.1587 2.26831 10.5006ZM15.812 4.24941C15.8119 3.75414 15.582 3.31222 15.22 3.02504L15.0576 2.91152L14.9771 2.85781C14.5977 2.5719 14.489 2.03884 14.7402 1.62367C14.9917 1.20828 15.5145 1.05828 15.9438 1.26235L16.0281 1.30751L16.21 1.42592C17.1011 2.04549 17.6869 3.07846 17.687 4.24941C17.687 5.49852 17.0207 6.59175 16.0281 7.19252L15.9438 7.23769C15.5145 7.44157 14.9916 7.29049 14.7402 6.87514C14.4724 6.43223 14.6148 5.85655 15.0576 5.58852L15.22 5.47499C15.5823 5.18777 15.812 4.74494 15.812 4.24941ZM1.64575 4.24941C1.64584 2.99822 2.31536 1.90392 3.31079 1.30385C3.75403 1.03697 4.33009 1.17947 4.59741 1.62245C4.86469 2.06583 4.72213 2.64295 4.27881 2.9103C3.82282 3.18518 3.52084 3.68236 3.52075 4.24941C3.52075 4.74455 3.75095 5.18653 4.11279 5.47377L4.27515 5.5873L4.35449 5.64101C4.73432 5.92694 4.84293 6.45981 4.59131 6.87514C4.33984 7.29016 3.81804 7.44014 3.38892 7.23647L3.30347 7.1913L3.12158 7.07289C2.23118 6.45318 1.64575 5.41987 1.64575 4.24941ZM18.937 13.7733C18.937 14.5541 18.3042 15.1869 17.5234 15.1869H17.167C16.6492 15.1869 16.2295 14.7672 16.2295 14.2494C16.2296 13.7861 16.5654 13.4023 17.0071 13.3266C16.9045 12.8965 16.6603 12.5213 16.321 12.2572L16.1172 12.1193L16.0366 12.0656C15.6544 11.7838 15.5399 11.2529 15.7864 10.8351C16.0332 10.4172 16.5537 10.2614 16.9851 10.4603L17.0706 10.5043L17.2756 10.6349C18.2769 11.3166 18.937 12.4673 18.937 13.7733Z" fill="currentColor"/>
-      <path d="M9.0717 11.4368C7.73301 11.4368 6.62961 12.4363 6.46183 13.7292H12.8717C12.704 12.4363 11.6006 11.4368 10.2619 11.4368H9.0717ZM11.6462 4.24927C11.6459 3.15639 10.7591 2.27051 9.66618 2.27051C8.57344 2.27073 7.68764 3.15653 7.68742 4.24927C7.68742 5.3422 8.5733 6.22903 9.66618 6.22925C10.7592 6.22925 11.6462 5.34233 11.6462 4.24927ZM14.7712 14.071C14.7712 14.9176 14.0845 15.6042 13.238 15.6042H6.09562C5.24911 15.6042 4.56242 14.9176 4.56242 14.071C4.5625 11.5809 6.58154 9.56177 9.0717 9.56177H10.2619C12.752 9.5618 14.7711 11.5809 14.7712 14.071ZM13.5212 4.24927C13.5212 6.37787 11.7948 8.10425 9.66618 8.10425C7.53777 8.10403 5.81242 6.37773 5.81242 4.24927C5.81264 2.12099 7.5379 0.395727 9.66618 0.395508C11.7946 0.395508 13.5209 2.12086 13.5212 4.24927Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/community-icon.tsx b/openframe-frontend-core/src/components/community-icon.tsx
deleted file mode 100644
index 8de025281..000000000
--- a/openframe-frontend-core/src/components/community-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface CommunityIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CommunityIcon: React.FC<CommunityIconProps> = ({ 
-  className = "", 
-  width = 24, 
-  height = 24 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M18.124 7.75024C18.124 6.5895 17.3704 5.60113 16.3223 5.25561L16.6753 4.18774L17.0269 3.11987C18.9698 3.76042 20.374 5.58968 20.374 7.75024C20.3739 10.17 18.6127 12.1762 16.3018 12.5593C15.6889 12.6609 15.1085 12.2464 15.0068 11.6335C14.9053 11.0208 15.3201 10.442 15.9326 10.3401C17.1758 10.1341 18.1239 9.05156 18.124 7.75024ZM15.606 3.83618C15.8005 3.2461 16.4368 2.92535 17.0269 3.11987L16.3223 5.25561C15.7326 5.06102 15.4119 4.42595 15.606 3.83618ZM23.125 19.2859C23.1249 20.3016 22.3009 21.1243 21.2852 21.1243H20.0005C19.3792 21.1243 18.8755 20.6206 18.8755 19.9993C18.8759 19.3783 19.3794 18.8743 20.0005 18.8743H20.8457C20.6676 17.5065 19.617 16.4113 18.269 16.1731C17.6574 16.0648 17.2498 15.4811 17.3579 14.8694C17.4662 14.258 18.0487 13.8505 18.6602 13.9583C21.1971 14.4066 23.125 16.6199 23.125 19.2859Z" fill="currentColor"/>
-      <path d="M7.14307 16.125C5.01417 16.125 3.27616 17.781 3.13818 19.875H14.8613C14.7233 17.781 12.9853 16.125 10.8564 16.125H7.14307ZM12.125 7.24951C12.1247 5.52401 10.726 4.12526 9.00049 4.125C7.27476 4.125 5.87478 5.52385 5.87451 7.24951C5.87451 8.9754 7.2746 10.3755 9.00049 10.3755C10.7262 10.3752 12.125 8.97524 12.125 7.24951ZM17.1245 20.1431C17.1244 21.2377 16.2372 22.125 15.1426 22.125H2.85693C1.76239 22.1249 0.875113 21.2376 0.875 20.1431C0.875 16.6814 3.68142 13.875 7.14307 13.875H10.8564C14.3181 13.875 17.1245 16.6814 17.1245 20.1431ZM14.375 7.24951C14.375 10.2179 11.9688 12.6252 9.00049 12.6255C6.03196 12.6255 3.62451 10.218 3.62451 7.24951C3.62478 4.28121 6.03212 1.875 9.00049 1.875C11.9686 1.87526 14.3747 4.28137 14.375 7.24951Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/compare-icon.tsx b/openframe-frontend-core/src/components/compare-icon.tsx
deleted file mode 100644
index e8cfafe80..000000000
--- a/openframe-frontend-core/src/components/compare-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface CompareIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CompareIcon: React.FC<CompareIconProps> = ({ 
-  className = "", 
-  width = 24, 
-  height = 24 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M12 1C13.3059 1 14.4141 1.83532 14.8262 3H18.5C19.0523 3 19.5 3.44772 19.5 4C19.5 4.55228 19.0523 5 18.5 5H14.8262C14.5249 5.85152 13.8515 6.5238 13 6.8252V21H18.5C19.0523 21 19.5 21.4477 19.5 22C19.5 22.5523 19.0523 23 18.5 23H5.5C4.94772 23 4.5 22.5523 4.5 22C4.5 21.4477 4.94772 21 5.5 21H11V6.8252C10.1485 6.5238 9.47513 5.85152 9.17383 5H5.5C4.94772 5 4.5 4.55228 4.5 4C4.5 3.44772 4.94772 3 5.5 3H9.17383C9.58594 1.83532 10.6941 1 12 1ZM12 3C11.4477 3 11 3.44772 11 4C11 4.55228 11.4477 5 12 5C12.5523 5 13 4.55228 13 4C13 3.44772 12.5523 3 12 3Z" fill="currentColor"/>
-      <path d="M3.67383 7.56812C4.229 6.50318 5.771 6.50317 6.32617 7.56812L6.37891 7.67847L8.91895 13.6062C8.97225 13.7306 8.99997 13.8644 9 13.9998C9 15.7352 7.69135 17.9998 5 17.9998C2.30865 17.9998 1 15.7352 1 13.9998C1.00003 13.8644 1.02775 13.7306 1.08105 13.6062L3.62109 7.67847L3.67383 7.56812ZM17.6738 7.56812C18.229 6.50317 19.771 6.50317 20.3262 7.56812L20.3789 7.67847L22.9189 13.6062C22.9723 13.7306 23 13.8644 23 13.9998C23 15.7352 21.6914 17.9998 19 17.9998C16.3086 17.9998 15 15.7352 15 13.9998C15 13.8644 15.0277 13.7306 15.0811 13.6062L17.6211 7.67847L17.6738 7.56812ZM3.00879 14.1833C3.09268 15.0659 3.77658 15.9998 5 15.9998C6.22338 15.9998 6.9063 15.0659 6.99023 14.1833L5 9.53882L3.00879 14.1833ZM17.0088 14.1833C17.0927 15.0659 17.7766 15.9998 19 15.9998C20.2234 15.9998 20.9063 15.0659 20.9902 14.1833L19 9.53882L17.0088 14.1833Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/context-menu.tsx b/openframe-frontend-core/src/components/context-menu.tsx
deleted file mode 100644
index b4823d4a2..000000000
--- a/openframe-frontend-core/src/components/context-menu.tsx
+++ /dev/null
@@ -1,200 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
-import { Check, ChevronRight, Circle } from "lucide-react"
-
-import { cn } from "../utils/cn"
-
-const ContextMenu = ContextMenuPrimitive.Root
-
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger
-
-const ContextMenuGroup = ContextMenuPrimitive.Group
-
-const ContextMenuPortal = ContextMenuPrimitive.Portal
-
-const ContextMenuSub = ContextMenuPrimitive.Sub
-
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
-
-const ContextMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <ContextMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-h6 outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </ContextMenuPrimitive.SubTrigger>
-))
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
-
-const ContextMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
-
-const ContextMenuContent = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.Portal>
-    <ContextMenuPrimitive.Content
-      ref={ref}
-      className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      )}
-      {...props}
-    />
-  </ContextMenuPrimitive.Portal>
-))
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
-
-const ContextMenuItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <ContextMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-h6 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
-
-const ContextMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <ContextMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-h6 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.CheckboxItem>
-))
-ContextMenuCheckboxItem.displayName =
-  ContextMenuPrimitive.CheckboxItem.displayName
-
-const ContextMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <ContextMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-h6 outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.RadioItem>
-))
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
-
-const ContextMenuLabel = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <ContextMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-h6 font-semibold text-foreground",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
-
-const ContextMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-border", className)}
-    {...props}
-  />
-))
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
-
-const ContextMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-ContextMenuShortcut.displayName = "ContextMenuShortcut"
-
-export {
-  ContextMenu,
-  ContextMenuTrigger,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuGroup,
-  ContextMenuPortal,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuRadioGroup,
-}
diff --git a/openframe-frontend-core/src/components/custom-external-link-icon.tsx b/openframe-frontend-core/src/components/custom-external-link-icon.tsx
deleted file mode 100644
index cdfb08252..000000000
--- a/openframe-frontend-core/src/components/custom-external-link-icon.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-interface CustomExternalLinkIconProps {
-  className?: string;
-  fill?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CustomExternalLinkIcon = ({ 
-  className, 
-  fill = "#888888", 
-  width = 21, 
-  height = 22,
-  ...props 
-}: CustomExternalLinkIconProps) => (
-  <svg 
-    width={width} 
-    height={height} 
-    viewBox="0 0 21 22" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg" 
-    className={className}
-    {...props}
-  >
-    <path 
-      d="M0.375 17.0002V5.00024C0.375 2.72207 2.22183 0.875244 4.5 0.875244H7.5C8.12132 0.875244 8.625 1.37892 8.625 2.00024C8.625 2.62156 8.12132 3.12524 7.5 3.12524H4.5C3.46447 3.12524 2.625 3.96471 2.625 5.00024V17.0002C2.625 18.0358 3.46447 18.8752 4.5 18.8752H16.5C17.5355 18.8752 18.375 18.0358 18.375 17.0002V14.0002C18.375 13.3789 18.8787 12.8752 19.5 12.8752C20.1213 12.8752 20.625 13.3789 20.625 14.0002V17.0002C20.625 19.2784 18.7782 21.1252 16.5 21.1252H4.5C2.22183 21.1252 0.375 19.2784 0.375 17.0002Z" 
-      fill={fill} 
-    />
-    <path 
-      d="M20.6255 7.49902L20.6196 7.61475C20.5623 8.18202 20.0829 8.62516 19.5005 8.62549C18.9182 8.62574 18.4394 8.18324 18.3813 7.61621L18.3755 7.50049L18.3726 4.71143L10.2954 12.7959C9.85618 13.235 9.14394 13.235 8.70459 12.7959C8.26524 12.3567 8.26543 11.6445 8.70459 11.2051L16.7817 3.12207H14C13.3787 3.12207 12.875 2.61839 12.875 1.99707C12.875 1.37575 13.3787 0.87207 14 0.87207H19.4976C20.1183 0.872449 20.6222 1.37624 20.6226 1.99707L20.6255 7.49902Z" 
-      fill={fill} 
-    />
-  </svg>
-) 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/custom-fork-icon.tsx b/openframe-frontend-core/src/components/custom-fork-icon.tsx
deleted file mode 100644
index ea7b27c63..000000000
--- a/openframe-frontend-core/src/components/custom-fork-icon.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-interface CustomForkIconProps {
-  className?: string;
-  fill?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CustomForkIcon = ({ 
-  className, 
-  fill = "#888888", 
-  width = 24, 
-  height = 24,
-  ...props 
-}: CustomForkIconProps) => (
-  <svg 
-    width={width} 
-    height={height} 
-    viewBox="0 0 24 24" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg" 
-    className={className}
-    {...props}
-  >
-    <path 
-      d="M10.8745 15.9995V13.1255H8.5C6.22199 13.1255 4.37526 11.2784 4.375 9.00049V8C4.375 7.37868 4.87868 6.875 5.5 6.875C6.12132 6.875 6.625 7.37868 6.625 8V9.00049C6.62526 10.0358 7.46463 10.8755 8.5 10.8755H15.5005C16.5356 10.8752 17.3752 10.0356 17.3755 9.00049V8C17.3755 7.37868 17.8792 6.875 18.5005 6.875C19.1216 6.87526 19.6255 7.37884 19.6255 8V9.00049C19.6252 11.2783 17.7783 13.1252 15.5005 13.1255H13.1245V15.9995C13.1245 16.6208 12.6208 17.1245 11.9995 17.1245C11.3784 17.1242 10.8745 16.6207 10.8745 15.9995Z" 
-      fill={fill} 
-    />
-    <path 
-      d="M13.3755 18.4995C13.3752 17.7403 12.7592 17.1255 12 17.1255C11.2408 17.1255 10.6248 17.7403 10.6245 18.4995C10.6245 19.2589 11.2406 19.875 12 19.875C12.7594 19.875 13.3755 19.2589 13.3755 18.4995ZM6.87451 5.50049C6.87451 4.74126 6.25966 4.12526 5.50049 4.125C4.7411 4.125 4.125 4.7411 4.125 5.50049C4.12526 6.25966 4.74077 6.875 5.5 6.875C6.259 6.87474 6.87425 6.25949 6.87451 5.50049ZM19.875 5.50049C19.875 4.7411 19.2589 4.125 18.4995 4.125C17.7403 4.12526 17.1255 4.74126 17.1255 5.50049C17.1258 6.25949 17.7405 6.87425 18.4995 6.87451C19.2587 6.87451 19.8747 6.25966 19.875 5.50049ZM15.6255 18.4995C15.6255 20.5015 14.002 22.125 12 22.125C9.99797 22.125 8.37451 20.5015 8.37451 18.4995C8.37478 16.4977 9.99813 14.8755 12 14.8755C14.0019 14.8755 15.6252 16.4977 15.6255 18.4995ZM9.12451 5.50049C9.12425 7.50213 7.50213 9.12425 5.50049 9.12451C3.49862 9.12451 1.87526 7.5023 1.875 5.50049C1.875 3.49846 3.49846 1.875 5.50049 1.875C7.5023 1.87526 9.12451 3.49862 9.12451 5.50049ZM22.125 5.50049C22.1247 7.5023 20.5014 9.12451 18.4995 9.12451C16.4979 9.12425 14.8758 7.50213 14.8755 5.50049C14.8755 3.49862 16.4977 1.87526 18.4995 1.875C20.5015 1.875 22.125 3.49846 22.125 5.50049Z" 
-      fill={fill} 
-    />
-  </svg>
-) 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/custom-icons.tsx b/openframe-frontend-core/src/components/custom-icons.tsx
deleted file mode 100644
index 61a54c76a..000000000
--- a/openframe-frontend-core/src/components/custom-icons.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-
-interface IconProps {
-  className?: string;
-}
-
-export function CheckCircleIcon({ className }: IconProps) {
-  return (
-    <svg 
-      width="25" 
-      height="24" 
-      viewBox="0 0 25 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path 
-        fillRule="evenodd" 
-        clipRule="evenodd" 
-        d="M12.6006 0.875C18.7443 0.875528 23.7246 5.85713 23.7246 12.001C23.7241 18.1444 18.744 23.1245 12.6006 23.125C6.45674 23.125 1.47514 18.1447 1.47461 12.001C1.47461 5.85681 6.45642 0.875 12.6006 0.875ZM17.8955 8.2041C17.4563 7.7649 16.7441 7.76518 16.3047 8.2041L11.0996 13.4092L8.89551 11.2041L8.81055 11.127C8.36882 10.7666 7.71662 10.7926 7.30469 11.2041C6.89287 11.6159 6.86633 12.2681 7.22656 12.71L7.30469 12.7949L10.3047 15.7949C10.744 16.2342 11.4562 16.2343 11.8955 15.7949L17.8955 9.79492C18.3344 9.35555 18.3347 8.6433 17.8955 8.2041Z" 
-        fill="#5EA62E"
-      />
-    </svg>
-  );
-}
-
-export function XCircleIcon({ className }: IconProps) {
-  return (
-    <svg 
-      width="25" 
-      height="24" 
-      viewBox="0 0 25 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path 
-        d="M21.4741 12.0005C21.4741 7.09912 17.5014 3.12526 12.6001 3.125C7.69857 3.125 3.72461 7.09896 3.72461 12.0005C3.72487 16.9018 7.69873 20.8745 12.6001 20.8745C17.5012 20.8742 21.4739 16.9016 21.4741 12.0005ZM23.7241 12.0005C23.7239 18.1443 18.7439 23.1242 12.6001 23.1245C6.45609 23.1245 1.47487 18.1444 1.47461 12.0005C1.47461 5.85632 6.45593 0.875 12.6001 0.875C18.744 0.875264 23.7241 5.85648 23.7241 12.0005Z" 
-        fill="#F36666"
-      />
-      <path 
-        d="M15.3047 7.70459C15.7441 7.26549 16.4563 7.26533 16.8955 7.70459C17.3345 8.14387 17.3345 8.85613 16.8955 9.29541L14.19 11.9995L16.8955 14.7051L16.9717 14.79C17.3323 15.2319 17.3075 15.8839 16.8955 16.2959C16.4836 16.7079 15.8315 16.7327 15.3897 16.3721L15.3047 16.2959L12.5991 13.5903L9.89503 16.2959C9.45575 16.7349 8.74349 16.7349 8.30421 16.2959C7.86495 15.8566 7.86511 15.1444 8.30421 14.7051L11.0083 11.9995L8.30421 9.29541L8.22657 9.21045C7.86611 8.76858 7.8923 8.11649 8.30421 7.70459C8.71611 7.29268 9.3682 7.26649 9.81007 7.62695L9.89503 7.70459L12.5991 10.4087L15.3047 7.70459Z" 
-        fill="#F36666"
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/custom-license-icon.tsx b/openframe-frontend-core/src/components/custom-license-icon.tsx
deleted file mode 100644
index dd6b14125..000000000
--- a/openframe-frontend-core/src/components/custom-license-icon.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-interface CustomLicenseIconProps {
-  className?: string;
-  fill?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CustomLicenseIcon = ({ 
-  className, 
-  fill = "#888888", 
-  width = 24, 
-  height = 24,
-  ...props 
-}: CustomLicenseIconProps) => (
-  <svg 
-    width={width} 
-    height={height} 
-    viewBox="0 0 24 24" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg" 
-    className={className}
-    {...props}
-  >
-    <path 
-      d="M12 1C13.3059 1 14.4141 1.83532 14.8262 3H18.5C19.0523 3 19.5 3.44772 19.5 4C19.5 4.55228 19.0523 5 18.5 5H14.8262C14.5249 5.85152 13.8515 6.5238 13 6.8252V21H18.5C19.0523 21 19.5 21.4477 19.5 22C19.5 22.5523 19.0523 23 18.5 23H5.5C4.94772 23 4.5 22.5523 4.5 22C4.5 21.4477 4.94772 21 5.5 21H11V6.8252C10.1485 6.5238 9.47513 5.85152 9.17383 5H5.5C4.94772 5 4.5 4.55228 4.5 4C4.5 3.44772 4.94772 3 5.5 3H9.17383C9.58594 1.83532 10.6941 1 12 1ZM12 3C11.4477 3 11 3.44772 11 4C11 4.55228 11.4477 5 12 5C12.5523 5 13 4.55228 13 4C13 3.44772 12.5523 3 12 3Z" 
-      fill={fill} 
-    />
-    <path 
-      d="M3.67383 7.56812C4.229 6.50318 5.771 6.50317 6.32617 7.56812L6.37891 7.67847L8.91895 13.6062C8.97225 13.7306 8.99997 13.8644 9 13.9998C9 15.7352 7.69135 17.9998 5 17.9998C2.30865 17.9998 1 15.7352 1 13.9998C1.00003 13.8644 1.02775 13.7306 1.08105 13.6062L3.62109 7.67847L3.67383 7.56812ZM17.6738 7.56812C18.229 6.50317 19.771 6.50317 20.3262 7.56812L20.3789 7.67847L22.9189 13.6062C22.9723 13.7306 23 13.8644 23 13.9998C23 15.7352 21.6914 17.9998 19 17.9998C16.3086 17.9998 15 15.7352 15 13.9998C15 13.8644 15.0277 13.7306 15.0811 13.6062L17.6211 7.67847L17.6738 7.56812ZM3.00879 14.1833C3.09268 15.0659 3.77658 15.9998 5 15.9998C6.22338 15.9998 6.9063 15.0659 6.99023 14.1833L5 9.53882L3.00879 14.1833ZM17.0088 14.1833C17.0927 15.0659 17.7766 15.9998 19 15.9998C20.2234 15.9998 20.9063 15.0659 20.9902 14.1833L19 9.53882L17.0088 14.1833Z" 
-      fill={fill} 
-    />
-  </svg>
-) 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/custom-star-icon.tsx b/openframe-frontend-core/src/components/custom-star-icon.tsx
deleted file mode 100644
index ea28fb7f6..000000000
--- a/openframe-frontend-core/src/components/custom-star-icon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-interface CustomStarIconProps {
-  className?: string;
-  fill?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CustomStarIcon = ({ 
-  className, 
-  fill = "#888888", 
-  width = 24, 
-  height = 24,
-  ...props 
-}: CustomStarIconProps) => (
-  <svg 
-    width={width} 
-    height={height} 
-    viewBox="0 0 24 24" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg" 
-    className={className}
-    {...props}
-  >
-    <path 
-      d="M9.74696 2.14709C10.7891 0.38904 13.4111 0.44767 14.348 2.32287L16.3739 6.37756L20.871 7.02356C22.9667 7.3244 23.8383 9.83383 22.4589 11.3683L22.3197 11.5133L19.0839 14.6261L19.8514 19.0441C20.2229 21.184 17.9836 22.8236 16.056 21.8229L11.9999 19.715L7.94374 21.8229C6.0162 22.824 3.77554 21.184 4.14686 19.0441L4.91298 14.6261L1.68007 11.5133C0.106241 9.99772 0.964838 7.33451 3.12733 7.02356L7.6244 6.37756L9.65174 2.32287L9.74696 2.14709ZM12.3353 3.32922C12.1972 3.05267 11.8026 3.05267 11.6644 3.32922L9.60926 7.4425C9.29773 8.066 8.69959 8.49629 8.00965 8.59533L3.44813 9.25158C3.13914 9.29594 3.01673 9.67519 3.24159 9.89172L6.52284 13.0529L6.70008 13.2462C7.0832 13.7194 7.24804 14.3388 7.14247 14.9469L6.36464 19.4293C6.31198 19.7348 6.63142 19.9691 6.90663 19.8263L11.0199 17.6891L11.2557 17.5851C11.7356 17.4056 12.2642 17.4055 12.744 17.5851L12.9784 17.6891L17.0932 19.8263C17.3682 19.9687 17.6877 19.7346 17.6351 19.4293L16.8573 14.9469C16.7366 14.2518 16.9688 13.5422 17.4769 13.0529L20.7582 9.89172C20.9827 9.67519 20.8604 9.29605 20.5516 9.25158L15.9887 8.59533C15.2991 8.49614 14.702 8.06571 14.3905 7.4425L12.3353 3.32922Z" 
-      fill={fill} 
-    />
-  </svg>
-) 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/custom-time-icon.tsx b/openframe-frontend-core/src/components/custom-time-icon.tsx
deleted file mode 100644
index d25a4454a..000000000
--- a/openframe-frontend-core/src/components/custom-time-icon.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-interface CustomTimeIconProps {
-  className?: string;
-  fill?: string;
-  width?: number;
-  height?: number;
-}
-
-export const CustomTimeIcon = ({ 
-  className, 
-  fill = "#888888", 
-  width = 24, 
-  height = 24,
-  ...props 
-}: CustomTimeIconProps) => (
-  <svg 
-    width={width} 
-    height={height} 
-    viewBox="0 0 24 24" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg" 
-    className={className}
-    {...props}
-  >
-    <path 
-      d="M20.8745 12.0005C20.8745 7.09912 16.9018 3.12526 12.0005 3.125C7.09896 3.125 3.125 7.09896 3.125 12.0005C3.12526 16.9018 7.09912 20.8745 12.0005 20.8745C16.9016 20.8742 20.8742 16.9016 20.8745 12.0005ZM23.1245 12.0005C23.1242 18.1443 18.1443 23.1242 12.0005 23.1245C5.85648 23.1245 0.875264 18.1444 0.875 12.0005C0.875 5.85632 5.85632 0.875 12.0005 0.875C18.1444 0.875264 23.1245 5.85648 23.1245 12.0005Z" 
-      fill={fill} 
-    />
-    <path 
-      d="M10.8752 8.5C10.8752 7.87868 11.3789 7.375 12.0002 7.375C12.6216 7.375 13.1252 7.87868 13.1252 8.5V11.5337L14.7952 13.2051L14.8728 13.29C15.2331 13.7319 15.207 14.3841 14.7952 14.7959C14.3833 15.2073 13.7325 15.2322 13.2908 14.8721L13.2043 14.7959L11.2048 12.7949C10.994 12.584 10.8752 12.2978 10.8752 11.9995V8.5Z" 
-      fill={fill} 
-    />
-  </svg>
-) 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/donut-icon.tsx b/openframe-frontend-core/src/components/donut-icon.tsx
deleted file mode 100644
index 5f476568d..000000000
--- a/openframe-frontend-core/src/components/donut-icon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-export function DonutIcon({ className = '' }: { className?: string }) {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        d="M19.7949 18.2041C20.2343 18.6431 20.2352 19.3553 19.7964 19.7949C19.3575 20.2343 18.6452 20.2349 18.2056 19.7964L19.7949 18.2041ZM14.8745 12.0005C14.8745 11.5126 14.7541 11.0558 14.542 10.6558C14.0579 9.74319 13.1004 9.12518 12.0005 9.125C10.4127 9.125 9.125 10.4127 9.125 12.0005C9.12526 13.5881 10.4128 14.8745 12.0005 14.8745C13.5879 14.8742 14.8742 13.5879 14.8745 12.0005ZM19.9736 6.50586C20.5226 6.21523 21.2033 6.42435 21.4941 6.97314C21.7847 7.52205 21.5755 8.20276 21.0269 8.49365L19.9736 6.50586ZM17.1245 12.0005C17.1244 13.0089 16.8322 13.9484 16.3291 14.7412L19.7949 18.2041L18.9995 18.9995L18.2056 19.7964L14.7368 16.332C13.9449 16.8334 13.007 17.1244 12.0005 17.1245C9.17019 17.1245 6.87526 14.8307 6.875 12.0005C6.875 9.5564 8.58603 7.51213 10.8755 6.99951V2C10.8755 1.37868 11.3792 0.875 12.0005 0.875C12.6216 0.875264 13.1255 1.37884 13.1255 2V6.99951C14.2221 7.24534 15.1837 7.8436 15.8896 8.6665L19.9736 6.50586L20.4995 7.50049L21.0269 8.49365L16.9429 10.6558C17.0594 11.085 17.1245 11.5358 17.1245 12.0005Z"
-        fill="currentColor"
-      />
-      <path
-        d="M20.8745 12.0005C20.8745 7.09912 16.9018 3.12526 12.0005 3.125C7.09896 3.125 3.125 7.09896 3.125 12.0005C3.12526 16.9018 7.09912 20.8745 12.0005 20.8745C16.9016 20.8742 20.8742 16.9016 20.8745 12.0005ZM23.1245 12.0005C23.1242 18.1443 18.1443 23.1242 12.0005 23.1245C5.85648 23.1245 0.875264 18.1444 0.875 12.0005C0.875 5.85632 5.85632 0.875 12.0005 0.875C18.1444 0.875264 23.1245 5.85648 23.1245 12.0005Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/edit-profile-icon.tsx b/openframe-frontend-core/src/components/edit-profile-icon.tsx
deleted file mode 100644
index 76e8f77f4..000000000
--- a/openframe-frontend-core/src/components/edit-profile-icon.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-
-interface EditProfileIconProps extends React.SVGProps<SVGSVGElement> {
-  className?: string;
-}
-
-export function EditProfileIcon({ className = '', ...props }: EditProfileIconProps) {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      {...props}
-    >
-      <path d="M1.875 18.0006V6.00057C1.875 3.7224 3.72183 1.87557 6 1.87557H9C9.62132 1.87557 10.125 2.37925 10.125 3.00057C10.125 3.62189 9.62132 4.12557 9 4.12557H6C4.96447 4.12557 4.125 4.96504 4.125 6.00057V18.0006C4.125 19.0361 4.96447 19.8756 6 19.8756H18C19.0355 19.8756 19.875 19.0361 19.875 18.0006V15.0006C19.875 14.3793 20.3787 13.8756 21 13.8756C21.6213 13.8756 22.125 14.3793 22.125 15.0006V18.0006C22.125 20.2787 20.2782 22.1256 18 22.1256H6C3.72183 22.1256 1.875 20.2787 1.875 18.0006Z" fill="#FAFAFA"/>
-      <path d="M14.8315 3.8326C15.2436 3.42057 15.8955 3.39414 16.3374 3.75497L16.4224 3.8326L20.1724 7.5826L20.25 7.66757C20.6101 8.10943 20.5841 8.76166 20.1724 9.17342C19.7604 9.58528 19.1083 9.61027 18.6665 9.2496L18.5815 9.17342L14.8315 5.42343L14.7539 5.337C14.3938 4.89519 14.4199 4.24439 14.8315 3.8326Z" fill="#FAFAFA"/>
-      <path d="M17.1024 1.57923C18.3298 0.57828 20.1405 0.650507 21.2845 1.79457L22.2059 2.71595L22.4213 2.95326C23.4221 4.18067 23.35 5.99135 22.2059 7.13539L13.8109 15.5319C13.2789 16.0639 12.6125 16.4387 11.8861 16.6188L11.5712 16.6832L9.40026 17.0451C7.96242 17.2843 6.71613 16.0381 6.95544 14.6002L7.31725 12.4293C7.45859 11.5813 7.86069 10.7975 8.46862 10.1896L16.8651 1.79457L17.1024 1.57923ZM19.6937 3.38539C19.3948 3.0865 18.9332 3.04861 18.5936 3.27259L18.4559 3.38539L10.0609 11.7819C9.78466 12.0581 9.60079 12.4131 9.53649 12.7985L9.20251 14.7965L11.202 14.464C11.5874 14.3997 11.9424 14.2158 12.2186 13.9396L20.6151 5.54457C20.914 5.24571 20.9518 4.78406 20.7279 4.44447L20.6151 4.30677L19.6937 3.38539Z" fill="#FAFAFA"/>
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/elestio-logo.tsx b/openframe-frontend-core/src/components/elestio-logo.tsx
deleted file mode 100644
index 7e3de9e48..000000000
--- a/openframe-frontend-core/src/components/elestio-logo.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-
-/**
- * Official Elestio logo with unique IDs to prevent gradient/clip-path collisions
- * when the same SVG is rendered multiple times on the page.
- */
-export const ElestioLogo = ({ className, ...props }: { className?: string } & React.SVGProps<SVGSVGElement>) => {
-  // Generate unique ID suffix to avoid ID collisions between instances
-  const uniqueId = React.useId();
-
-  return (
-    <svg
-      {...props}
-      className={className}
-      width="25"
-      height="24"
-      viewBox="0 0 25 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <mask
-        id={`mask0_${uniqueId}`}
-        style={{ maskType: 'alpha' }}
-        maskUnits="userSpaceOnUse"
-        x="2"
-        y="2"
-        width="21"
-        height="20"
-      >
-        <path
-          d="M15.0429 16.9829C14.2182 17.3609 13.256 17.6014 12.2251 17.6014C9.95706 17.6014 7.96393 16.1924 7.27664 13.9932H21.8471C21.9502 13.2715 22.0876 12.5842 22.0876 11.8626C22.0876 6.60479 17.8264 2 12.4657 2C6.8299 2 2.5 6.57045 2.5 12.1375C2.5 17.6014 6.933 22 12.3969 22C14.8368 22 17.2423 21.0034 18.9949 19.4227L15.0429 16.9829ZM12.4313 6.433C14.7337 6.433 16.7955 7.77325 17.5515 10.0413H7.20791C7.8952 7.84192 10.1976 6.433 12.4313 6.433Z"
-          fill="black"
-        />
-      </mask>
-      <g mask={`url(#mask0_${uniqueId})`}>
-        <path d="M18.9942 8.73535H6.62305V14.9209H18.9942V8.73535Z" fill="#A91A1F" />
-        <path d="M12.4211 6.4445C12.5622 6.4445 12.7034 6.4445 12.8092 6.47969L7.87043 2.89355C7.34128 3.13966 6.8474 3.45608 6.3888 3.80766C3.21389 6.12808 1.73227 9.89003 2.26142 13.5465L7.65454 9.76642C8.50118 7.69204 10.1976 6.4445 12.4211 6.4445Z" fill={`url(#paint0_linear_${uniqueId})`} />
-        <path d="M6.96148 12.031C6.96148 11.2385 7.18239 10.4837 7.48272 9.7666C5.86846 10.9366 3.7705 12.4462 2.15625 13.6162C2.23133 14.2201 2.3815 14.8239 2.5692 15.4277C3.84559 19.4283 7.22426 22.1835 11.091 22.825C11.0159 22.5986 10.0398 19.617 9.1013 16.5978C7.78738 15.541 6.96148 13.8804 6.96148 12.031Z" fill={`url(#paint1_linear_${uniqueId})`} />
-        <path d="M15.3086 16.7828C14.4586 17.3044 13.4314 17.6174 12.3335 17.6174C10.9523 17.6174 9.67724 17.1305 8.68555 16.2959L10.5627 21.9987C11.1293 22.1031 11.696 22.1379 12.2981 22.1379C16.2648 22.1379 19.665 19.9471 21.4004 16.748H15.3086V16.7828Z" fill={`url(#paint2_linear_${uniqueId})`} />
-        <path d="M17.6157 10.5868L19.4371 4.9167C19.0591 4.50436 18.6123 4.1607 18.1656 3.81706C15.0728 1.54901 11.0865 1.34283 7.89062 2.92358L12.7016 6.42873C15.1072 6.63496 17.0659 8.31877 17.6157 10.5868Z" fill={`url(#paint3_linear_${uniqueId})`} />
-        <path d="M19.8927 3.37793L17.3451 9.61093C17.4894 10.0644 17.5855 10.5554 17.5855 11.0466C17.5855 13.1998 16.1435 15.0887 13.9805 16.1463H22.296C22.6804 15.6174 22.969 15.013 23.2092 14.4464C24.7954 10.4043 23.3535 6.17334 19.8927 3.37793Z" fill={`url(#paint4_linear_${uniqueId})`} />
-      </g>
-      <defs>
-        <linearGradient id={`paint0_linear_${uniqueId}`} x1="7.48507" y1="13.5074" x2="7.48507" y2="2.88726" gradientUnits="userSpaceOnUse">
-          <stop stopColor="#EC5A22" />
-          <stop offset="1" stopColor="#F5A11A" />
-        </linearGradient>
-        <linearGradient id={`paint1_linear_${uniqueId}`} x1="6.63337" y1="22.84" x2="6.63337" y2="9.77508" gradientUnits="userSpaceOnUse">
-          <stop stopColor="#BF161C" />
-          <stop offset="1" stopColor="#E81C24" />
-        </linearGradient>
-        <linearGradient id={`paint2_linear_${uniqueId}`} x1="15.0856" y1="22.1907" x2="15.0856" y2="16.3259" gradientUnits="userSpaceOnUse">
-          <stop stopColor="#8C278A" />
-          <stop offset="1" stopColor="#A567A5" />
-        </linearGradient>
-        <linearGradient id={`paint3_linear_${uniqueId}`} x1="13.6735" y1="10.598" x2="13.6735" y2="1.92347" gradientUnits="userSpaceOnUse">
-          <stop stopColor="#F28E1E" />
-          <stop offset="1" stopColor="#FFC605" />
-        </linearGradient>
-        <linearGradient id={`paint4_linear_${uniqueId}`} x1="18.8642" y1="16.1243" x2="18.8642" y2="3.36255" gradientUnits="userSpaceOnUse">
-          <stop stopColor="#00A9EA" />
-          <stop offset="1" stopColor="#6DCAF1" />
-        </linearGradient>
-      </defs>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/empty-vendor-icon.tsx b/openframe-frontend-core/src/components/empty-vendor-icon.tsx
deleted file mode 100644
index fef817da4..000000000
--- a/openframe-frontend-core/src/components/empty-vendor-icon.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-
-interface EmptyVendorIconProps {
-  className?: string;
-}
-
-export function EmptyVendorIcon({ className }: EmptyVendorIconProps) {
-  return (
-    <svg 
-      width="24" 
-      height="24" 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg" 
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-      className={className}
-    >
-      <path 
-        d="M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z" 
-        fill="url(#pattern0_1643_33816)"
-      />
-      <defs>
-        <pattern 
-          id="pattern0_1643_33816" 
-          patternContentUnits="objectBoundingBox" 
-          width="1" 
-          height="1"
-        >
-          <use 
-            xlinkHref="#image0_1643_33816" 
-            transform="scale(0.0104167)"
-          />
-        </pattern>
-        <image 
-          id="image0_1643_33816" 
-          width="96" 
-          height="96" 
-          preserveAspectRatio="none" 
-          xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANKSURBVHgB7Z2JbiIxEETNfSPB/38j4hI37G5FQjuJGBjwUe5JPWkUKaCI+Hna7XZP0vjzDydoNJ2gIgFkJICMBJCRADISQEYCyEgAGQkgIwFkJICMBJCRADISQEYCyLSdJ+fz2S0WC2f5WKHRaLjRaOTG47FLjfcdsFwuTQ8+wOffbreU38NbwPV6dXUBd3NqtAaQkQAyEkDGOwsqYzAYULKKVxwOB7fZbFwuRBPQarW+rtxoNvO66RWCyEgAGQkgIwFkoi3Cr8AOmrGLvlwuH732k1BJBkXAer12u93O5QY+1ztMp1M3HA6dD8lDEOotOQ7+J6CA50tyAXXqhr/dbs4XLcJkJICMBJChpaGPmEwmrtPpuNxAAS9W4pCVAAx+t9t1uRFzv6IQREYCyEgAGQkgk9UiXAUUzFDOwMlWu93O8tTtHcwIQAkDTWDH4/Hb93HunOPZc1XMhCBUKn8OPkBBzHJxz4QA5OH7/b709RBVSRYmBJxOp6evoypptUWyNllQbu0mVTHxqXu93lcLeRkoYTx7PWeiZUGI2Y9CxycHMpjdyHTKOtpwNGiVaAJCH7rjAQqIwIJ7/7ko3EFMjhXUqpjaiKHfFBcEQIbVsFPE3E4YWN/9FvFehOswC5l4C0BIEJ/jHYKQgWAxrJrd1KkvKARB1oB+v1/5vYjfEvAfnQeQkQAyEkBGAshIABkJIJNVKQKFtnfKDKgHoZ3RMlkJeHXy9YgUAkI8B1CGyWJcCrCzx4YRO/dHzQChkIACuAOLVwqSC8ipeopZjtZzDDa+Mh6fSi4AiywksJ4VQ2cdQgquVLP8GckFIHOZzWZv9fL4HG9C9D2OI6aHFB+iI4+yBqB8PZ/PK78fB/yr1ary+yELIQWDjsEPOejoR0WXBq4QD5PUZhFGOMGAY+BDNgMgXOLQHwOOh7JDr2HmBeBPZoae5VincMaBQY/dc2ReQKiFFOEEA46BT3no/2v3AZjVCCn38MJKj3+VAMzy4pUDtRaAWY2QgsHG1xxbaGonIHSaGBvzAmKnibEx25qYKk2MjQkBGGBWmhibhv6fMBedCZORADISQEYCyEgAGQkgIwFkJICMBJCRADISQEYCyEgAGQkgIwFk/gLUSDIjX8qP4wAAAABJRU5ErkJggg=="
-        />
-      </defs>
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/features/platform-badge.tsx b/openframe-frontend-core/src/components/features/platform-badge.tsx
index f4549a813..b23190e4e 100644
--- a/openframe-frontend-core/src/components/features/platform-badge.tsx
+++ b/openframe-frontend-core/src/components/features/platform-badge.tsx
@@ -2,8 +2,8 @@
 
 import React from 'react';
 import { cn } from '../../utils/cn';
-import { FlamingoLogo } from '../flamingo-logo';
-import { OpenmspLogo } from '../openmsp-logo';
+import { FlamingoLogo } from '../icons/flamingo-logo';
+import { OpenmspLogo } from '../icons/openmsp-logo';
 import { OpenFrameLogo } from '../icons/openframe-logo';
 import { MiamiCyberGangLogoFaceOnly } from '../icons/miami-cyber-gang-logo-face-only';
 import { Globe } from 'lucide-react';
diff --git a/openframe-frontend-core/src/components/flamingo-logo.tsx b/openframe-frontend-core/src/components/flamingo-logo.tsx
deleted file mode 100644
index 01b00238d..000000000
--- a/openframe-frontend-core/src/components/flamingo-logo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface FlamingoLogoProps extends React.SVGProps<SVGSVGElement> {
-  className?: string;
-  size?: number;
-  color?: string;
-}
-
-export function FlamingoLogo({ className = '', color="var(--ods-flamingo-pink-base)" ,size=120, ...props }: FlamingoLogoProps) {
-  return (
-    <svg
-      width={size}
-      height={size} 
-      viewBox="0 0 121 120" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      {...props}
-    >
-      <path 
-        fillRule="evenodd" 
-        clipRule="evenodd" 
-        d="M20.8645 77.9756C20.6306 78.095 20.3452 77.9582 20.3369 77.7002C20.2055 73.6173 23.4398 62.2314 27.7657 59.0452C31.477 45.9806 61.8811 24.0208 81.7715 48.2044C83.1662 49.7884 84.0264 52.0978 84.7512 54.0436C86.0615 57.5613 86.9291 59.8908 89.7117 54.5977C92.4782 49.335 87.2725 42.2381 81.701 34.6426C75.7955 26.5918 69.4791 17.9808 71.8102 10.4001C75.4609 -1.47146 91.9849 -4.33245 94.5422 7.89834C98.4226 10.7002 104.422 17.0815 96.2751 25.8554C96.0466 26.1014 95.6263 25.9453 95.6104 25.6132C95.417 21.5769 93.9498 16.1177 90.5641 14.5697C89.0187 13.8632 88.0307 13.6723 87.1405 13.5003C85.585 13.1998 84.3282 12.9569 80.919 10.1221C75.236 5.39658 75.236 20.1291 87.7386 32.3599C97.1156 41.533 106.493 66.2324 84.0287 70.9981C74.9174 72.9311 68.0892 72.0015 61.3076 71.0782C61.0953 71.0493 60.8831 71.0204 60.6708 70.9916V89.3274L66.3745 91.8104C67.0914 92.1225 67.4139 92.944 67.0949 93.6453C66.7759 94.3466 65.9362 94.6621 65.2193 94.35L60.6708 92.37V118.61C60.6708 119.378 60.0347 120 59.2501 120C58.4654 120 57.8293 119.378 57.8293 118.61V91.133L42.4873 84.4542C42.0611 84.2686 41.7551 83.8902 41.6687 83.4417C41.5824 82.9931 41.7266 82.5317 42.0546 82.2072L54.1527 70.2377C45.537 69.536 35.8193 70.3474 20.8645 77.9756ZM57.7692 70.613L45.5202 82.732L57.8293 88.0905V70.6204C57.8093 70.618 57.7893 70.6155 57.7692 70.613Z" 
-        fill={color}
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/form.tsx b/openframe-frontend-core/src/components/form.tsx
deleted file mode 100644
index b05d2d797..000000000
--- a/openframe-frontend-core/src/components/form.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-"use client"
-
-import * as React from "react"
-import type * as LabelPrimitive from "@radix-ui/react-label"
-import { Slot } from "@radix-ui/react-slot"
-import {
-  Controller,
-  type ControllerProps,
-  type FieldPath,
-  type FieldValues,
-  FormProvider,
-  useFormContext,
-} from "react-hook-form"
-
-import { cn } from "../utils/cn"
-import { Label } from "./ui/label"
-
-const Form = FormProvider
-
-type FormFieldContextValue<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = {
-  name: TName
-}
-
-const FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)
-
-const FormField = <
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => {
-  return (
-    <FormFieldContext.Provider value={{ name: props.name }}>
-      <Controller {...props} />
-    </FormFieldContext.Provider>
-  )
-}
-
-const useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext)
-  const itemContext = React.useContext(FormItemContext)
-  const { getFieldState, formState } = useFormContext()
-
-  const fieldState = getFieldState(fieldContext.name, formState)
-
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>")
-  }
-
-  const { id } = itemContext
-
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState,
-  }
-}
-
-type FormItemContextValue = {
-  id: string
-}
-
-const FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)
-
-const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => {
-    const id = React.useId()
-
-    return (
-      <FormItemContext.Provider value={{ id }}>
-        <div ref={ref} className={cn("space-y-2", className)} {...props} />
-      </FormItemContext.Provider>
-    )
-  },
-)
-FormItem.displayName = "FormItem"
-
-const FormLabel = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
->(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField()
-
-  return <Label ref={ref} className={cn(error && "text-destructive", className)} htmlFor={formItemId} {...props} />
-})
-FormLabel.displayName = "FormLabel"
-
-const FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(
-  ({ ...props }, ref) => {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
-
-    return (
-      <Slot
-        ref={ref}
-        id={formItemId}
-        aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}
-        aria-invalid={!!error}
-        {...props}
-      />
-    )
-  },
-)
-FormControl.displayName = "FormControl"
-
-const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
-  ({ className, ...props }, ref) => {
-    const { formDescriptionId } = useFormField()
-
-    return <p ref={ref} id={formDescriptionId} className={cn("text-h6 text-muted-foreground", className)} {...props} />
-  },
-)
-FormDescription.displayName = "FormDescription"
-
-const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
-  ({ className, children, ...props }, ref) => {
-    const { error, formMessageId } = useFormField()
-    const body = error ? String(error?.message) : children
-
-    if (!body) {
-      return null
-    }
-
-    return (
-      <p ref={ref} id={formMessageId} className={cn("text-h6 text-destructive", className)} {...props}>
-        {body}
-      </p>
-    )
-  },
-)
-FormMessage.displayName = "FormMessage"
-
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField }
diff --git a/openframe-frontend-core/src/components/github-icon.tsx b/openframe-frontend-core/src/components/github-icon.tsx
deleted file mode 100644
index 18a941288..000000000
--- a/openframe-frontend-core/src/components/github-icon.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-interface GitHubIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const GitHubIcon: React.FC<GitHubIconProps> = ({ 
-  className = "", 
-  width = 15, 
-  height = 14 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 15 14" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M7.18173 0.333008C3.40523 0.333008 0.346436 3.3918 0.346436 7.1683C0.346436 10.1929 2.30304 12.7476 5.02007 13.6533C5.36183 13.7131 5.48999 13.508 5.48999 13.3286C5.48999 13.1663 5.48145 12.628 5.48145 12.0555C3.76408 12.3717 3.31979 11.6369 3.18308 11.2524C3.10618 11.0559 2.77296 10.4492 2.48246 10.2869C2.24323 10.1587 1.90146 9.84261 2.47392 9.83406C3.0122 9.82552 3.39668 10.3296 3.52485 10.5347C4.14002 11.5685 5.1226 11.278 5.51563 11.0986C5.57543 10.6543 5.75486 10.3553 5.95137 10.1844C4.43052 10.0135 2.84132 9.42395 2.84132 6.80945C2.84132 6.06611 3.10618 5.45093 3.54193 4.97246C3.47358 4.80158 3.23435 4.10096 3.61029 3.16111C3.61029 3.16111 4.18274 2.98168 5.48999 3.86173C6.03682 3.70793 6.61782 3.63104 7.19882 3.63104C7.77982 3.63104 8.36082 3.70793 8.90764 3.86173C10.2149 2.97314 10.7873 3.16111 10.7873 3.16111C11.1633 4.10096 10.9241 4.80158 10.8557 4.97246C11.2914 5.45093 11.5563 6.05757 11.5563 6.80945C11.5563 9.43249 9.95856 10.0135 8.43771 10.1844C8.68549 10.398 8.8991 10.8081 8.8991 11.4489C8.8991 12.3631 8.89055 13.0979 8.89055 13.3286C8.89055 13.508 9.01871 13.7216 9.36048 13.6533C10.7174 13.1952 11.8965 12.3231 12.7318 11.1597C13.5671 9.99643 14.0166 8.60046 14.017 7.1683C14.017 3.3918 10.9582 0.333008 7.18173 0.333008Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/google-logo.tsx b/openframe-frontend-core/src/components/google-logo.tsx
deleted file mode 100644
index 46650095d..000000000
--- a/openframe-frontend-core/src/components/google-logo.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-
-export const GoogleLogo = ({ className, ...props }: { className?: string } & React.SVGProps<SVGSVGElement>) => (
-  <svg
-    {...props}
-    className={className}
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g>
-      <path
-        d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-        fill="#4285F4"
-      />
-      <path
-        d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-        fill="#34A853"
-      />
-      <path
-        d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-        fill="#FBBC05"
-      />
-      <path
-        d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-        fill="#EB4335"
-      />
-    </g>
-  </svg>
-); 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/hamburger-icon.tsx b/openframe-frontend-core/src/components/hamburger-icon.tsx
deleted file mode 100644
index 89be00f2c..000000000
--- a/openframe-frontend-core/src/components/hamburger-icon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-interface HamburgerIconProps {
-  width?: number;
-  height?: number;
-  className?: string;
-}
-
-export function HamburgerIcon({ width = 16, height = 16, className = '' }: HamburgerIconProps) {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 16 16" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path 
-        d="M14 11.25C14.4142 11.25 14.75 11.5858 14.75 12C14.75 12.4142 14.4142 12.75 14 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H14Z" 
-        fill="#FAFAFA"
-      />
-      <path 
-        d="M14 7.25C14.4142 7.25 14.75 7.58579 14.75 8C14.75 8.41421 14.4142 8.75 14 8.75H2C1.58579 8.75 1.25 8.41421 1.25 8C1.25 7.58579 1.58579 7.25 2 7.25H14ZM14 3.25C14.4142 3.25 14.75 3.58579 14.75 4C14.75 4.41421 14.4142 4.75 14 4.75H2C1.58579 4.75 1.25 4.41421 1.25 4C1.25 3.58579 1.58579 3.25 2 3.25H14Z" 
-        fill="#FAFAFA"
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/hubspot-icon.tsx b/openframe-frontend-core/src/components/hubspot-icon.tsx
deleted file mode 100644
index 0855c6383..000000000
--- a/openframe-frontend-core/src/components/hubspot-icon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { cn } from "../utils/cn";
-
-/**
- * HubSpot brand logo (solid orange)
- * Usage: <HubspotIcon className="h-4 w-4" />
- */
-export function HubspotIcon({ className, fill = '#FF7A59', ...props }: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 512 512"
-      fill={fill}
-      className={cn('inline-block', className)}
-      {...props}
-    >
-      <path d="M266.197 216.109c-22.551 21.293-36.655 51.48-36.655 84.991 0 26.326 8.714 50.582 23.359 70.08l-44.473 44.74c-3.953-1.438-8.176-2.245-12.579-2.245-9.702 0-18.776 3.774-25.605 10.602-6.828 6.827-10.602 15.989-10.602 25.696 0 9.701 3.773 18.775 10.602 25.605 6.829 6.826 15.993 10.42 25.605 10.42 9.703 0 18.777-3.505 25.695-10.42 6.829-6.83 10.602-15.994 10.602-25.605 0-3.774-.538-7.369-1.707-10.873l44.923-45.102c19.765 15.183 44.381 24.169 71.244 24.169 64.599 0 116.797-52.38 116.797-116.977 0-58.578-42.854-107.093-99.007-115.628v-55.343c15.723-6.65 25.335-21.384 25.335-38.545 0-23.449-18.777-43.034-42.227-43.034-23.448 0-41.956 19.585-41.956 43.034 0 17.161 9.613 31.895 25.335 38.545v54.983c-13.655 1.887-26.593 6.019-38.362 12.219-24.796-18.778-105.565-76.997-151.746-112.126 1.078-3.953 1.798-8.085 1.798-12.397 0-25.875-21.113-46.898-47.078-46.898-25.875 0-46.898 21.023-46.898 46.898 0 25.965 21.023 46.988 46.898 46.988 8.805 0 16.98-2.606 24.078-6.828L266.197 216.109zM346.606 363.095c-34.229 0-61.991-27.763-61.991-61.994 0-34.229 27.762-61.99 61.991-61.99 34.23 0 61.992 27.761 61.992 61.99 0 34.231-27.762 61.994-61.992 61.994z" />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/icon-utils.tsx b/openframe-frontend-core/src/components/icon-utils.tsx
deleted file mode 100644
index a5f709d20..000000000
--- a/openframe-frontend-core/src/components/icon-utils.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import {
-  Megaphone,
-  Bell,
-  Info,
-  Star,
-  Rocket,
-  Package,
-} from 'lucide-react';
-import { OpenFrameLogo } from './openframe-logo';
-import { OpenmspLogo } from './openmsp-logo';
-import { FlamingoLogo } from './flamingo-logo';
-
-/**
- * Returns a JSX element for a known icon name, spreading any extra props.
- * Falls back to Megaphone if the name is not recognised.
- */
-export function renderSvgIcon(
-  name: string,
-  props: React.SVGProps<SVGSVGElement | SVGElement> = {}
-): React.ReactElement {
-  const map: Record<string, (p: any) => React.ReactElement> = {
-    megaphone:   (p) => <Megaphone {...p} />,
-    bell:        (p) => <Bell {...p} />,
-    info:        (p) => <Info {...p} />,
-    star:        (p) => <Star {...p} />,
-    rocket:      (p) => <Rocket {...p} />,
-    package:     (p) => <Package {...p} />,
-    'openframe-logo': (p) => <OpenFrameLogo {...p} />,
-    'openmsp-logo':   (p) => <OpenmspLogo {...p} />,
-    'flamingo': (p)=> <FlamingoLogo {...p} />,
-  };
-
-  const renderer = map[name] || map['megaphone'];
-  return renderer(props);
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/interactive-wrapper.tsx b/openframe-frontend-core/src/components/interactive-wrapper.tsx
deleted file mode 100644
index 5a279e913..000000000
--- a/openframe-frontend-core/src/components/interactive-wrapper.tsx
+++ /dev/null
@@ -1,336 +0,0 @@
-"use client";
-
-import React, { forwardRef } from 'react';
-import { useInteractiveState } from '../hooks/use-interactive-state';
-import { cn } from "../utils/cn";
-
-interface InteractiveOptions {
-  enableHover?: boolean;
-  enableFocus?: boolean;
-  enablePress?: boolean;
-  enableRipple?: boolean;
-  enableAnimations?: boolean;
-  enableColorShifts?: boolean;
-  enableAccessibilityEnhancements?: boolean;
-  animations?: boolean;
-  enableHapticFeedback?: boolean;
-}
-
-interface InteractiveWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Interactive state options
-   */
-  interactive?: InteractiveOptions;
-  
-  /**
-   * Element type to render
-   */
-  as?: keyof React.JSX.IntrinsicElements;
-  
-  /**
-   * Whether to render ripple effect
-   */
-  showRipple?: boolean;
-  
-  /**
-   * Custom ripple color
-   */
-  rippleColor?: string;
-  
-  /**
-   * Accessibility role
-   */
-  role?: string;
-  
-  /**
-   * Whether element should be focusable
-   */
-  focusable?: boolean;
-  
-  /**
-   * Loading state
-   */
-  loading?: boolean;
-  
-  /**
-   * Disabled state
-   */
-  disabled?: boolean;
-  
-  /**
-   * Active state
-   */
-  active?: boolean;
-  
-  /**
-   * Callback for state changes
-   */
-  onStateChange?: (state: any) => void;
-}
-
-export const InteractiveWrapper = forwardRef<HTMLElement, InteractiveWrapperProps>(({
-  interactive = {},
-  as = 'div',
-  showRipple = true,
-  rippleColor,
-  role,
-  focusable = false,
-  loading = false,
-  disabled = false,
-  active = false,
-  onStateChange,
-  className,
-  children,
-  onClick,
-  ...props
-}, ref) => {
-  const {
-    state,
-    handlers,
-    getStateStyles,
-    getStateClasses,
-    ripplePosition,
-    setLoading,
-    setDisabled,
-    ref: interactiveRef
-  } = useInteractiveState();
-
-  // Update loading and disabled states
-  React.useEffect(() => {
-    setLoading(loading);
-  }, [loading, setLoading]);
-
-  React.useEffect(() => {
-    setDisabled(disabled);
-  }, [disabled, setDisabled]);
-
-  // Notify parent of state changes
-  React.useEffect(() => {
-    if (onStateChange) {
-      onStateChange(state);
-    }
-  }, [state, onStateChange]);
-
-  // Merge refs
-  React.useEffect(() => {
-    if (ref) {
-      if (typeof ref === 'function') {
-        ref(interactiveRef.current);
-      } else {
-        ref.current = interactiveRef.current;
-      }
-    }
-  }, [ref, interactiveRef]);
-
-  const Component = as as any;
-  
-  const mergedHandlers = {
-    ...handlers,
-    onClick: (event: React.MouseEvent<HTMLDivElement>) => {
-      handlers.onClick();
-      if (onClick && !event.defaultPrevented) {
-        onClick(event);
-      }
-    }
-  };
-
-  const computedClassName = cn(
-    'interactive-wrapper',
-    'relative overflow-hidden transition-all duration-200',
-    getStateClasses(),
-    focusable && 'focus:outline-none',
-    className
-  );
-
-  return (
-    <Component
-      ref={interactiveRef}
-      className={computedClassName}
-      style={{ ...getStateStyles(), ...props.style }}
-      role={role}
-      tabIndex={focusable ? 0 : undefined}
-      aria-disabled={disabled}
-      aria-busy={loading}
-      aria-pressed={active}
-      {...mergedHandlers}
-      {...props}
-    >
-      {children}
-      
-      {/* Ripple Effect */}
-      {showRipple && ripplePosition && (
-        <RippleEffect
-          x={ripplePosition.x}
-          y={ripplePosition.y}
-          color={rippleColor}
-        />
-      )}
-      
-      {/* Loading Overlay */}
-      {loading && (
-        <div className="absolute inset-0 bg-current opacity-10 animate-pulse pointer-events-none" />
-      )}
-    </Component>
-  );
-});
-
-InteractiveWrapper.displayName = 'InteractiveWrapper';
-
-/**
- * Ripple effect component
- */
-function RippleEffect({ 
-  x, 
-  y, 
-  color = 'currentColor' 
-}: { 
-  x: number; 
-  y: number; 
-  color?: string; 
-}) {
-  return (
-    <div
-      className="absolute pointer-events-none"
-      style={{
-        left: x,
-        top: y,
-        transform: 'translate(-50%, -50%)',
-      }}
-    >
-      <div
-        className="w-2 h-2 rounded-full animate-ping"
-        style={{
-          backgroundColor: color,
-          opacity: 0.3,
-          animationDuration: '0.6s',
-          animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
-          transform: 'scale(0)',
-          animation: 'ripple-expand 0.6s cubic-bezier(0, 0, 0.2, 1)'
-        }}
-      />
-    </div>
-  );
-}
-
-/**
- * Pre-configured interactive components
- */
-export const InteractivePresets = {
-  /**
-   * Card with hover and click interactions
-   */
-  Card: forwardRef<HTMLDivElement, Omit<InteractiveWrapperProps, 'interactive'>>((props, ref) => (
-    <InteractiveWrapper
-      ref={ref}
-      interactive={{
-        enableAnimations: true,
-        enableColorShifts: true,
-        animations: true
-      }}
-      className={cn('bg-ods-card border border-ods-border rounded-lg p-4', props.className)}
-      focusable={true}
-      role="button"
-      {...props}
-    />
-  )),
-
-  /**
-   * Button-like interactive element
-   */
-  Button: forwardRef<HTMLButtonElement, Omit<InteractiveWrapperProps, 'interactive' | 'as'>>((props, ref) => (
-    <InteractiveWrapper
-      ref={ref}
-      as="button"
-      interactive={{
-        enableAnimations: true,
-        enableColorShifts: true,
-        enableAccessibilityEnhancements: true,
-        enableHapticFeedback: true,
-        animations: true
-      }}
-      className={cn('bg-ods-accent text-ods-text-on-accent px-4 py-2 rounded-md font-medium', props.className)}
-      role="button"
-      {...props}
-    />
-  )),
-
-  /**
-   * Navigation item with subtle interactions
-   */
-  NavItem: forwardRef<HTMLAnchorElement, Omit<InteractiveWrapperProps, 'interactive' | 'as'>>((props, ref) => (
-    <InteractiveWrapper
-      ref={ref}
-      as="a"
-      interactive={{
-        enableAnimations: true,
-        enableColorShifts: true,
-        animations: true
-      }}
-      className={cn('block px-3 py-2 rounded-md text-ods-text-secondary hover:text-ods-text-primary', props.className)}
-      focusable={true}
-      {...props}
-    />
-  )),
-
-  /**
-   * Input field with enhanced focus states
-   */
-  Input: forwardRef<HTMLInputElement, Omit<InteractiveWrapperProps, 'interactive' | 'as'>>((props, ref) => (
-    <InteractiveWrapper
-      ref={ref}
-      as="input"
-      interactive={{
-        enableAnimations: false,
-        enableColorShifts: true,
-        enableAccessibilityEnhancements: true,
-        animations: true
-      }}
-      className={cn('w-full px-3 py-2 bg-ods-bg border border-ods-border rounded-md text-ods-text-primary', props.className)}
-      focusable={true}
-      {...props}
-    />
-  )),
-
-  /**
-   * Toggle switch with visual feedback
-   */
-  Toggle: forwardRef<HTMLDivElement, Omit<InteractiveWrapperProps, 'interactive'> & { checked?: boolean }>((props, ref) => {
-    const { checked, ...restProps } = props;
-    
-    return (
-      <InteractiveWrapper
-        ref={ref}
-        interactive={{
-          enableAnimations: true,
-          enableColorShifts: true,
-          enableHapticFeedback: true,
-          animations: true
-        }}
-        className={cn(
-          'relative inline-flex w-12 h-6 rounded-full cursor-pointer transition-colors',
-          checked ? 'bg-ods-accent' : 'bg-ods-border',
-          props.className
-        )}
-        role="switch"
-        aria-checked={checked}
-        focusable={true}
-        {...restProps}
-      >
-        <div
-          className={cn(
-            'inline-block w-5 h-5 rounded-full bg-white transform transition-transform',
-            checked ? 'translate-x-6' : 'translate-x-0.5',
-            'mt-0.5'
-          )}
-        />
-      </InteractiveWrapper>
-    );
-  })
-};
-
-// Export individual preset components with display names
-InteractivePresets.Card.displayName = 'InteractiveCard';
-InteractivePresets.Button.displayName = 'InteractiveButton';
-InteractivePresets.NavItem.displayName = 'InteractiveNavItem';
-InteractivePresets.Input.displayName = 'InteractiveInput';
-InteractivePresets.Toggle.displayName = 'InteractiveToggle';
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/join-waitlist-button-stub.tsx b/openframe-frontend-core/src/components/join-waitlist-button-stub.tsx
deleted file mode 100644
index 6c0f58110..000000000
--- a/openframe-frontend-core/src/components/join-waitlist-button-stub.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { Button } from './ui/button';
-
-export interface JoinWaitlistButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  lowerPathColor?: string;
-  upperPathColor?: string;
-  buttonBackgroundColor?: string;
-  buttonTextColor?: string;
-  loading?: boolean;
-}
-
-export const JoinWaitlistButton = React.forwardRef<HTMLButtonElement, JoinWaitlistButtonProps>(
-  ({ className, lowerPathColor, upperPathColor, buttonBackgroundColor, buttonTextColor, children, ...props }, ref) => {
-    return (
-      <Button
-        ref={ref}
-        className={className}
-        style={{
-          backgroundColor: buttonBackgroundColor,
-          color: buttonTextColor
-        }}
-        {...props}
-      >
-        {children || 'Join Waitlist'}
-      </Button>
-    );
-  }
-);
-
-JoinWaitlistButton.displayName = "JoinWaitlistButton";
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/loading/openmsp-heartbeat.tsx b/openframe-frontend-core/src/components/loading/openmsp-heartbeat.tsx
index 96cdab8ac..7fa5e7512 100644
--- a/openframe-frontend-core/src/components/loading/openmsp-heartbeat.tsx
+++ b/openframe-frontend-core/src/components/loading/openmsp-heartbeat.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React from 'react';
-import { OpenmspLogo } from '../openmsp-logo';
+import { OpenmspLogo } from '../icons/openmsp-logo';
 
 export function OpenmspHeartbeatLoader({ className = '', progress = 0, label, barWidth = 'w-128' }: { className?: string; progress?: number; label?: string; barWidth?: string }) {
   return (
diff --git a/openframe-frontend-core/src/components/made-with-love.tsx b/openframe-frontend-core/src/components/made-with-love.tsx
index 15b434666..d60b331d1 100644
--- a/openframe-frontend-core/src/components/made-with-love.tsx
+++ b/openframe-frontend-core/src/components/made-with-love.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import React, { useState, useEffect } from 'react';
-import { FlamingoLogo } from './flamingo-logo';
+import { FlamingoLogo } from './icons/flamingo-logo';
 import { getBaseUrl } from '../utils';
 
 interface MadeWithLoveProps {
@@ -117,8 +117,9 @@ export function MadeWithLove({
       >
         <div style={logoStyle}>
           <FlamingoLogo
-            size={config.logoSize}
-            color="#f357bb" // Direct hex instead of CSS variable for cross-framework compatibility
+            width={config.logoSize}
+            height={config.logoSize}
+            fill="#f357bb" // Direct hex instead of CSS variable for cross-framework compatibility
           />
         </div>
         <span style={textStyle}>Flamingo</span>
diff --git a/openframe-frontend-core/src/components/menu-icon.tsx b/openframe-frontend-core/src/components/menu-icon.tsx
deleted file mode 100644
index 14811996b..000000000
--- a/openframe-frontend-core/src/components/menu-icon.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { Menu } from 'lucide-react';
-
-interface MenuIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const MenuIcon: React.FC<MenuIconProps> = ({ 
-  className = "", 
-  width = 24, 
-  height = 24 
-}) => {
-  return (
-    <Menu 
-      width={width} 
-      height={height} 
-      className={className}
-    />
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/minus-circle-icon.tsx b/openframe-frontend-core/src/components/minus-circle-icon.tsx
deleted file mode 100644
index 1e28a9f2d..000000000
--- a/openframe-frontend-core/src/components/minus-circle-icon.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react'
-
-interface MinusCircleIconProps extends React.SVGProps<SVGSVGElement> {
-  className?: string
-}
-
-export function MinusCircleIcon({ className, ...props }: MinusCircleIconProps) {
-  return (
-    <svg 
-      width="24" 
-      height="24" 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      {...props}
-    >
-      <path 
-        d="M20.8745 12.0005C20.8745 7.09912 16.9018 3.12526 12.0005 3.125C7.09896 3.125 3.125 7.09896 3.125 12.0005C3.12526 16.9018 7.09912 20.8745 12.0005 20.8745C16.9016 20.8742 20.8742 16.9016 20.8745 12.0005ZM23.1245 12.0005C23.1242 18.1443 18.1443 23.1242 12.0005 23.1245C5.85648 23.1245 0.875264 18.1444 0.875 12.0005C0.875 5.85632 5.85632 0.875 12.0005 0.875C18.1444 0.875264 23.1245 5.85648 23.1245 12.0005Z" 
-        fill="#888888"
-      />
-      <path 
-        d="M15.9995 10.875L16.1152 10.8809C16.6824 10.9386 17.1245 11.4176 17.1245 12C17.1245 12.5824 16.6824 13.0614 16.1152 13.1191L15.9995 13.125H8C7.37868 13.125 6.875 12.6213 6.875 12C6.875 11.3787 7.37868 10.875 8 10.875H15.9995Z" 
-        fill="#888888"
-      />
-    </svg>
-  )
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/moon-icon.tsx b/openframe-frontend-core/src/components/moon-icon.tsx
deleted file mode 100644
index c88b99f02..000000000
--- a/openframe-frontend-core/src/components/moon-icon.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-interface MoonIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const MoonIcon: React.FC<MoonIconProps> = ({ 
-  className = "", 
-  width = 23, 
-  height = 24 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 23 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M9.37549 6.69626C9.3755 5.53929 9.55702 4.42358 9.89404 3.37692C6.00935 4.32228 3.125 7.82461 3.125 12.0005C3.12514 16.9019 7.09905 20.8745 12.0005 20.8745C14.846 20.8743 17.3791 19.5349 19.0039 17.4497C13.5887 16.856 9.37549 12.2696 9.37549 6.69626ZM11.6255 6.69626C11.6255 11.43 15.4626 15.2671 20.1963 15.2671C20.4368 15.2671 20.6747 15.2571 20.9097 15.2378C21.3123 15.2046 21.7024 15.3908 21.9307 15.7241C22.1587 16.0573 22.1904 16.4872 22.0142 16.8506C20.2135 20.5621 16.4075 23.1243 12.0005 23.1245C5.85641 23.1245 0.875136 18.1445 0.875 12.0005C0.875 5.96445 5.68179 1.05079 11.6768 0.879363C12.0807 0.867855 12.4598 1.07472 12.6699 1.41989C12.8797 1.76491 12.8889 2.19599 12.6934 2.54928C12.0132 3.77703 11.6255 5.18981 11.6255 6.69626Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/ms-icon.tsx b/openframe-frontend-core/src/components/ms-icon.tsx
deleted file mode 100644
index 46800d303..000000000
--- a/openframe-frontend-core/src/components/ms-icon.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react'
-
-interface MsIconProps {
-  width?: number | string
-  height?: number | string
-  className?: string
-}
-
-export function MicrosoftIcon({ 
-  width = 24, 
-  height = 24, 
-  className = "text-current" 
-  }: MsIconProps) {
-  return (
-    <svg 
-      width={24}
-      height={24}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <g>
-        <path d="M11.5047 11.5032H2V2H11.5047V11.5032Z" fill="#F1511B"/>
-        <path d="M22.0002 11.5032H12.4946V2H21.9993V11.5032H22.0002Z" fill="#80CC28"/>
-        <path d="M11.5047 21.9993H2V12.4961H11.5047V21.9993Z" fill="#00ADEF"/>
-        <path d="M22.0002 21.9993H12.4946V12.4961H21.9993V21.9993H22.0002Z" fill="#FBBC09"/>
-      </g>
-    </svg>
-  )
-}
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/open-source-features.tsx b/openframe-frontend-core/src/components/open-source-features.tsx
index cb3f11515..cef73e71d 100644
--- a/openframe-frontend-core/src/components/open-source-features.tsx
+++ b/openframe-frontend-core/src/components/open-source-features.tsx
@@ -33,7 +33,7 @@ const FeatureCard: React.FC<FeatureCardProps> = ({ icon, title, description }) =
   );
 };
 
-const OpenSourceFeatures: React.FC = () => {
+export const OpenSourceFeatures: React.FC = () => {
   const features = [
     {
       icon: <Terminal className="w-6 h-6" />,
diff --git a/openframe-frontend-core/src/components/open-source-icon.tsx b/openframe-frontend-core/src/components/open-source-icon.tsx
deleted file mode 100644
index 8d0be8ab1..000000000
--- a/openframe-frontend-core/src/components/open-source-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface OpenSourceIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const OpenSourceIcon: React.FC<OpenSourceIconProps> = ({ 
-  className = "", 
-  width = 19, 
-  height = 18 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 19 18" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M10.1103 1.20504C10.2596 0.753862 10.729 0.479825 11.2029 0.584919C11.7083 0.697238 12.0269 1.19887 11.9145 1.7043L8.58202 16.7043C8.46953 17.2095 7.96794 17.5283 7.46264 17.416C6.95742 17.3035 6.63868 16.8019 6.75097 16.2966L10.0847 1.29659L10.1103 1.20504Z" fill="currentColor"/>
-      <path d="M4.50325 4.17094C4.86929 3.80489 5.4628 3.80502 5.82893 4.17094C6.19505 4.53705 6.19505 5.1305 5.82893 5.49662L2.32429 9.00004L5.82893 12.5047L5.89363 12.5755C6.19397 12.9437 6.17217 13.4871 5.82893 13.8304C5.48568 14.1732 4.94335 14.194 4.57527 13.8938L4.50325 13.8304L0.336986 9.66288C-0.0289274 9.29675 -0.029063 8.70325 0.336986 8.3372L4.50325 4.17094ZM12.837 4.17094C13.1802 3.82768 13.7236 3.80585 14.0919 4.10624L14.1627 4.17094L18.3289 8.3372C18.695 8.70331 18.695 9.29676 18.3289 9.66288L14.1627 13.8304C13.7966 14.1962 13.2031 14.1962 12.837 13.8304C12.4709 13.4643 12.4711 12.8708 12.837 12.5047L16.3404 9.00004L12.837 5.49662L12.7723 5.42582C12.4719 5.05759 12.4937 4.51419 12.837 4.17094Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/openframe-logo.tsx b/openframe-frontend-core/src/components/openframe-logo.tsx
deleted file mode 100644
index 87bdc6eee..000000000
--- a/openframe-frontend-core/src/components/openframe-logo.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-
-export const OpenFrameLogo = ({ className, lowerPathColor, upperPathColor,  ...props }: { className?: string, lowerPathColor?: string, upperPathColor?: string } & React.SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      {...props}
-      className={className}
-      width="32"
-      height="32"
-      viewBox="0 0 32 32"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      style={{
-        '--fill-0': 'currentColor',
-        ...props.style
-      } as React.CSSProperties}
-    >
-      <g>
-        <g>
-          {/* White squares - top right, bottom left, bottom right, bottom center */}
-          <path
-            d="M21.3333 16.5333C21.3333 16.2388 21.5721 16 21.8667 16H26.1333C26.4279 16 26.6667 16.2388 26.6667 16.5333V20.8C26.6667 21.0946 26.4279 21.3333 26.1333 21.3333H21.8667C21.5721 21.3333 21.3333 21.0946 21.3333 20.8V16.5333Z"
-            fill={lowerPathColor ?? '#ffffff'}
-          />
-          <path
-            d="M16 21.8667C16 21.5721 16.2388 21.3333 16.5333 21.3333H20.8C21.0946 21.3333 21.3333 21.5721 21.3333 21.8667V26.1333C21.3333 26.4279 21.0946 26.6667 20.8 26.6667H16.5333C16.2388 26.6667 16 26.4279 16 26.1333V21.8667Z"
-            fill={lowerPathColor ?? '#ffffff'}
-          />
-          <path
-            d="M26.6667 21.8667C26.6667 21.5721 26.9054 21.3333 27.2 21.3333H31.4667C31.7612 21.3333 32 21.5721 32 21.8667V26.1333C32 26.4279 31.7612 26.6667 31.4667 26.6667H27.2C26.9054 26.6667 26.6667 26.4279 26.6667 26.1333V21.8667Z"
-            fill={lowerPathColor ?? '#ffffff'}
-          />
-          <path
-            d="M21.3333 27.2C21.3333 26.9054 21.5721 26.6667 21.8667 26.6667H26.1333C26.4279 26.6667 26.6667 26.9054 26.6667 27.2V31.4667C26.6667 31.7612 26.4279 32 26.1333 32H21.8667C21.5721 32 21.3333 31.7612 21.3333 31.4667V27.2Z"
-            fill={lowerPathColor ?? '#ffffff'}
-          />
-        </g>
-        {/* Black frame/border */}
-        <path
-          d="M30.9333 0H1.06667C0.477563 0 0 0.477564 0 1.06667V30.9333C0 31.5224 0.477563 32 1.06667 32H14.9333C15.5224 32 16 31.5224 16 30.9333V27.7333C16 27.1442 15.5224 26.6667 14.9333 26.6667H5.86667C5.57211 26.6667 5.33333 26.4279 5.33333 26.1333V5.86667C5.33333 5.57211 5.57211 5.33333 5.86667 5.33333H26.1333C26.4279 5.33333 26.6667 5.57212 26.6667 5.86667V14.9333C26.6667 15.5224 27.1442 16 27.7333 16H30.9333C31.5224 16 32 15.5224 32 14.9333V1.06667C32 0.477563 31.5224 0 30.9333 0Z"
-          fill={upperPathColor ?? '#1A1A1A'}
-        />
-      </g>
-    </svg>
-  );
-};
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/openmsp-logo.tsx b/openframe-frontend-core/src/components/openmsp-logo.tsx
deleted file mode 100644
index 336757d5a..000000000
--- a/openframe-frontend-core/src/components/openmsp-logo.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-
-interface OpenmspLogoProps extends React.SVGProps<SVGSVGElement> {
-  className?: string;
-  frontBubbleColor?: string;
-  innerFrontBubbleColor?: string;
-  backBubbleColor?: string;
-  color?: string;
-}
-
-export function OpenmspLogo({ className = '', frontBubbleColor = '#000000', innerFrontBubbleColor = '#ffffff', backBubbleColor = '#ffffff', ...props }: OpenmspLogoProps) {
-  return (
-    <svg
-      width="97"
-      height="96"
-      viewBox="0 0 97 96"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      {...props}
-    >
-      <path
-        d="M73.933 0C75.7003 0 77.133 1.43269 77.133 3.2V54.4C77.133 56.1673 75.7003 57.6 73.933 57.6H3.53301C1.7657 57.6 0.333008 56.1673 0.333008 54.4V3.2C0.333008 1.43269 1.7657 0 3.53301 0H73.933ZM10.1076 47.6494C10.1076 48.0912 10.4658 48.4494 10.9076 48.4494H66.5584C67.0002 48.4494 67.3584 48.0912 67.3584 47.6494V9.95059C67.3584 9.50876 67.0002 9.15059 66.5584 9.15059H10.9076C10.4658 9.15059 10.1076 9.50876 10.1076 9.95059V47.6494Z"
-        fill={backBubbleColor} />
-      <path
-        d="M19.5332 22.4C19.5332 20.6326 20.9659 19.2 22.7332 19.2H93.1332C94.9005 19.2 96.3332 20.6326 96.3332 22.4V76.8C96.3332 78.2222 95.3945 79.4737 94.0292 79.8719L39.7572 95.7013C39.2452 95.8506 38.7332 95.4666 38.7332 94.9333V80C38.7332 79.5581 38.375 79.2 37.9332 79.2H22.7332C20.9659 79.2 19.5332 77.7673 19.5332 76V22.4Z"
-        fill={innerFrontBubbleColor} />
-      <path
-        d="M93.1332 19.2C94.9005 19.2 96.3332 20.6326 96.3332 22.4V76.8C96.3332 78.2222 95.3945 79.4737 94.0292 79.8719L39.7572 95.7013C39.2452 95.8506 38.7332 95.4666 38.7332 94.9333V80C38.7332 79.5581 38.375 79.2 37.9332 79.2H22.7332C20.9659 79.2 19.5332 77.7673 19.5332 76V22.4C19.5332 20.6326 20.9659 19.2 22.7332 19.2H93.1332ZM48.3377 82.1286C48.3355 82.6633 48.8484 83.0497 49.3617 82.9L86.1572 72.1672C86.4985 72.0676 86.7332 71.7547 86.7332 71.3992V29.6C86.7332 29.1581 86.375 28.8 85.9332 28.8H29.9332C29.4914 28.8 29.1332 29.1581 29.1332 29.6V68.8C29.1332 69.2418 29.4914 69.6 29.9332 69.6H47.5869C48.03 69.6 48.3887 69.9602 48.3869 70.4033L48.3377 82.1286Z"
-        fill={frontBubbleColor} />
-      <circle
-        cx="45.1334" cy="44.8" r="6.4"
-        fill={frontBubbleColor} />
-    </svg>
-  );
-}
diff --git a/openframe-frontend-core/src/components/plus-circle-icon.tsx b/openframe-frontend-core/src/components/plus-circle-icon.tsx
deleted file mode 100644
index f4cf05b34..000000000
--- a/openframe-frontend-core/src/components/plus-circle-icon.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-
-interface PlusCircleIconProps extends React.SVGProps<SVGSVGElement> {
-  className?: string
-  whiteOverlay?: boolean
-  iconSize?: number
-}
-
-export function PlusCircleIcon({ className, whiteOverlay = false, iconSize = 24, ...props }: PlusCircleIconProps) {
-  return (
-    <svg 
-      width={iconSize} 
-      height={iconSize} 
-      viewBox="0 0 24 24"
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      {...props}
-    >
-      <path 
-        d="M20.8745 12.0005C20.8745 7.09912 16.9018 3.12526 12.0005 3.125C7.09896 3.125 3.125 7.09896 3.125 12.0005C3.12526 16.9018 7.09912 20.8745 12.0005 20.8745C16.9016 20.8742 20.8742 16.9016 20.8745 12.0005ZM23.1245 12.0005C23.1242 18.1443 18.1443 23.1242 12.0005 23.1245C5.85648 23.1245 0.875264 18.1444 0.875 12.0005C0.875 5.85632 5.85632 0.875 12.0005 0.875C18.1444 0.875264 23.1245 5.85648 23.1245 12.0005Z" 
-        fill={whiteOverlay ? "white" : "#5EA62E"}
-      />
-      <path 
-        d="M10.8755 15.9995V13.1255H8C7.37884 13.1255 6.87526 12.6216 6.875 12.0005C6.875 11.3792 7.37868 10.8755 8 10.8755H10.8755V8C10.8755 7.37868 11.3792 6.875 12.0005 6.875C12.6216 6.87526 13.1255 7.37884 13.1255 8V10.8755H15.9995L16.1152 10.8813C16.6824 10.9391 17.1245 11.4181 17.1245 12.0005C17.1243 12.5827 16.6823 13.062 16.1152 13.1196L15.9995 13.1255H13.1255V15.9995C13.1255 16.6207 12.6216 17.1242 12.0005 17.1245C11.3792 17.1245 10.8755 16.6208 10.8755 15.9995Z" 
-        fill={whiteOverlay ? "white" : "#5EA62E"}
-      />
-    </svg>
-  )
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/progress.tsx b/openframe-frontend-core/src/components/progress.tsx
deleted file mode 100644
index 12029cc12..000000000
--- a/openframe-frontend-core/src/components/progress.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
-
-import { cn } from "../utils/cn"
-
-const Progress = React.forwardRef<
-  React.ElementRef<typeof ProgressPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
-    indicatorClassName?: string
-  }
->(({ className, value, indicatorClassName, ...props }, ref) => (
-  <ProgressPrimitive.Root
-    ref={ref}
-    className={cn("relative h-2 w-full overflow-hidden rounded-full bg-secondary", className)}
-    {...props}
-  >
-    <ProgressPrimitive.Indicator
-      className={cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName)}
-      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-    />
-  </ProgressPrimitive.Root>
-))
-Progress.displayName = ProgressPrimitive.Root.displayName
-
-export { Progress }
diff --git a/openframe-frontend-core/src/components/provider-button.tsx b/openframe-frontend-core/src/components/provider-button.tsx
deleted file mode 100644
index 774e6f824..000000000
--- a/openframe-frontend-core/src/components/provider-button.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import * as React from "react"
-import { Button } from "./ui/button"
-import { cn } from "../utils/cn"
-
-interface ProviderButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  provider: 'google' | 'microsoft' | 'slack' | 'github';
-  variant?: 'accent' | 'outline';
-  size?: 'default' | 'small-legacy';
-  loading?: boolean;
-}
-
-const ProviderButton = React.forwardRef<HTMLButtonElement, ProviderButtonProps>(
-  ({ className, provider, variant = 'outline', size = 'default', children, ...props }, ref) => {
-    const providerNames = {
-      google: 'Google',
-      microsoft: 'Microsoft',
-      slack: 'Slack',
-      github: 'GitHub'
-    };
-
-    return (
-      <Button
-        className={cn(
-          "w-full",
-          className
-        )}
-        variant={variant}
-        size={size}
-        ref={ref}
-        {...props}
-      >
-        {children || `Sign in with ${providerNames[provider]}`}
-      </Button>
-    )
-  }
-)
-ProviderButton.displayName = "ProviderButton"
-
-export { ProviderButton }
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/reddit-icon.tsx b/openframe-frontend-core/src/components/reddit-icon.tsx
deleted file mode 100644
index 035d0fff2..000000000
--- a/openframe-frontend-core/src/components/reddit-icon.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react'
-
-interface RedditIconProps {
-  width?: number | string
-  height?: number | string
-  className?: string
-  variant?: 'original' | 'grayscale' | 'white'
-}
-
-export function RedditIcon({
-  width = 24,
-  height = 24,
-  className = "text-current",
-  variant = 'grayscale'
-}: RedditIconProps) {
-  // Color scheme based on variant
-  let colors;
-  switch (variant) {
-    case 'original':
-      colors = {
-        background: '#FF4500'   // White features
-      };
-      break;
-    case 'white':
-      colors = {
-        background: '#FFFFFF'   // Black features
-      };
-      break;
-    default: // grayscale
-      colors = {
-        background: '#888888'   // Light gray features
-      };
-      break;
-  }
-
-  return (
-    <svg
-      width={width}
-      height={height}
-      viewBox="0 0 256 256"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        fill={colors.background}
-        d="M248,104a31.99228,31.99228,0,0,0-52.9375-24.19043c-16.75439-8.90112-36.76172-14.279-57.666-15.52539l5.19581-31.17578,21.83105,3.3584a24.00409,24.00409,0,1,0,2.43506-15.814l-29.64209-4.56006a7.996,7.996,0,0,0-9.10742,6.5918l-6.91309,41.478c-21.83887.94165-42.813,6.37891-60.2583,15.647a31.99266,31.99266,0,0,0-42.59229,47.74024A59.04669,59.04669,0,0,0,16,144c0,21.93457,12.042,42.35156,33.90723,57.48926C70.875,216.00588,98.60938,224,128,224s57.125-7.99414,78.09277-22.51074C227.958,186.35158,240,165.93459,240,144a59.01726,59.01726,0,0,0-2.3457-16.44922A32.17163,32.17163,0,0,0,248,104ZM72,132a16,16,0,1,1,16,16A16.01833,16.01833,0,0,1,72,132Zm92.69629,51.10938a80.122,80.122,0,0,1-73.39209,0,8,8,0,0,1,7.34033-14.2168,64.09433,64.09433,0,0,0,58.71094,0,8.00008,8.00008,0,0,1,7.34082,14.2168ZM168,148a16,16,0,1,1,16-16A16.01833,16.01833,0,0,1,168,148Z"
-      />
-    </svg>
-  )
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/resizable.tsx b/openframe-frontend-core/src/components/resizable.tsx
deleted file mode 100644
index af5af280b..000000000
--- a/openframe-frontend-core/src/components/resizable.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client"
-
-import { GripVertical } from "lucide-react"
-import * as ResizablePrimitive from "react-resizable-panels"
-
-import { cn } from "../utils/cn"
-
-const ResizablePanelGroup = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
-  <ResizablePrimitive.PanelGroup
-    className={cn(
-      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-      className
-    )}
-    {...props}
-  />
-)
-
-const ResizablePanel = ResizablePrimitive.Panel
-
-const ResizableHandle = ({
-  withHandle,
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-  withHandle?: boolean
-}) => (
-  <ResizablePrimitive.PanelResizeHandle
-    className={cn(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      className
-    )}
-    {...props}
-  >
-    {withHandle && (
-      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
-        <GripVertical className="h-2.5 w-2.5" />
-      </div>
-    )}
-  </ResizablePrimitive.PanelResizeHandle>
-)
-
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/openframe-frontend-core/src/components/scroll-area.tsx b/openframe-frontend-core/src/components/scroll-area.tsx
deleted file mode 100644
index 9a8aac871..000000000
--- a/openframe-frontend-core/src/components/scroll-area.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
-
-import { cn } from "../utils/cn"
-
-interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
-  /**
-   * When set to true, the custom Radix scrollbars will be rendered. Defaults to `false` so that
-   * scrollbars remain hidden in accordance with the global requirement to remove scrollbars.
-   */
-  showScrollbar?: boolean
-}
-
-const ScrollArea = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
-  ScrollAreaProps
->(({ className, children, showScrollbar = false, ...props }, ref) => (
-  <ScrollAreaPrimitive.Root ref={ref} className={cn("relative overflow-hidden", className)} {...props}>
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">{children}</ScrollAreaPrimitive.Viewport>
-    {showScrollbar && <ScrollBar />}
-    {/* The corner element is only useful when scrollbars are visible */}
-    {showScrollbar && <ScrollAreaPrimitive.Corner />}
-  </ScrollAreaPrimitive.Root>
-))
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
-
-const ScrollBar = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
->(({ className, orientation = "vertical", ...props }, ref) => (
-  <ScrollAreaPrimitive.ScrollAreaScrollbar
-    ref={ref}
-    orientation={orientation}
-    className={cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 border-t border-t-transparent p-[1px]",
-      className,
-    )}
-    {...props}
-  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>
-))
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
-
-export { ScrollArea, ScrollBar }
diff --git a/openframe-frontend-core/src/components/send-icon.tsx b/openframe-frontend-core/src/components/send-icon.tsx
deleted file mode 100644
index 7ce4c7c11..000000000
--- a/openframe-frontend-core/src/components/send-icon.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-interface SendIconProps {
-  className?: string;
-  fill?: string;
-}
-
-export function SendIcon({ className = "w-6 h-6", fill = "#1A1A1A" }: SendIconProps) {
-  return (
-    <svg 
-      width="24" 
-      height="24" 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path 
-        d="M11.1554 14.4487C10.7164 14.888 10.0042 14.8891 9.56462 14.4501C9.12509 14.0111 9.12563 13.2989 9.56462 12.8593L11.1554 14.4487ZM15.1164 7.29875C15.5555 6.85958 16.2677 6.85988 16.7072 7.29875C17.1463 7.73779 17.1474 8.45008 16.7087 8.88957L11.1554 14.4487L9.56462 12.8593L15.1164 7.29875Z" 
-        fill={fill}
-      />
-      <path 
-        d="M19.0798 1.00652C21.4022 0.313771 23.5637 2.39031 23.0495 4.69646L22.9909 4.92058L18.2463 20.8742C17.4793 23.4519 14.0415 23.9417 12.5876 21.6769L10.7946 18.8849L7.54411 19.2116C6.28619 19.3373 5.19768 18.3477 5.19743 17.0861V13.3039L2.30583 11.4216C0.0601315 9.95982 0.552303 6.53369 3.12175 5.76726L19.0798 1.00652ZM7.44743 16.9587L10.9499 16.6086L11.1769 16.6012C11.6288 16.6191 12.0528 16.8255 12.3473 17.1681L12.4836 17.3498L14.4816 20.4611C14.8944 21.1041 15.8696 20.9675 16.0885 20.2326L20.8346 4.27898L20.8639 4.15154C20.9597 3.51747 20.3581 2.97326 19.7228 3.16277L3.76482 7.92351C3.03514 8.14117 2.8919 9.11753 3.53191 9.53484L6.70622 11.6017L6.87175 11.7233C7.23484 12.031 7.44743 12.4862 7.44743 12.9684V16.9587Z" 
-        fill={fill}
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/separator.tsx b/openframe-frontend-core/src/components/separator.tsx
deleted file mode 100644
index c350704fa..000000000
--- a/openframe-frontend-core/src/components/separator.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
-
-import { cn } from "../utils/cn"
-
-const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
->(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
-  <SeparatorPrimitive.Root
-    ref={ref}
-    decorative={decorative}
-    orientation={orientation}
-    className={cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)}
-    {...props}
-  />
-))
-Separator.displayName = SeparatorPrimitive.Root.displayName
-
-export { Separator }
diff --git a/openframe-frontend-core/src/components/skeleton.tsx b/openframe-frontend-core/src/components/skeleton.tsx
deleted file mode 100644
index 91f57cc76..000000000
--- a/openframe-frontend-core/src/components/skeleton.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import type React from "react"
-import { cn } from "../utils/cn"
-
-function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
-  return <div className={cn("animate-pulse rounded-md bg-muted/60", className)} {...props} />
-}
-
-export { Skeleton }
diff --git a/openframe-frontend-core/src/components/slack-icon.tsx b/openframe-frontend-core/src/components/slack-icon.tsx
deleted file mode 100644
index 1f7dab0cf..000000000
--- a/openframe-frontend-core/src/components/slack-icon.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react'
-
-interface SlackIconProps {
-  width?: number | string
-  height?: number | string
-  className?: string
-}
-
-export function SlackIcon({ 
-  width = 24, 
-  height = 24, 
-  className = "text-current" 
-}: SlackIconProps) {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <g>
-        <path 
-          d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313z" 
-          fill="#E01E5A"
-        />
-        <path 
-          d="M8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312z" 
-          fill="#36C5F0"
-        />
-        <path 
-          d="M18.956 8.834a2.528 2.528 0 0 1 2.521-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.523 2.521h-2.521V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312z" 
-          fill="#2EB67D"
-        />
-        <path 
-          d="M15.165 18.956a2.528 2.528 0 0 1 2.523 2.521A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.523v-2.521h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.528 2.528 0 0 1 2.52-2.521h6.313A2.528 2.528 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" 
-          fill="#ECB22E"
-        />
-      </g>
-    </svg>
-  )
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/slider.tsx b/openframe-frontend-core/src/components/slider.tsx
deleted file mode 100644
index 005832137..000000000
--- a/openframe-frontend-core/src/components/slider.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SliderPrimitive from "@radix-ui/react-slider"
-
-import { cn } from "../utils/cn"
-
-const Slider = React.forwardRef<
-  React.ElementRef<typeof SliderPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <SliderPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    )}
-    {...props}
-  >
-    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
-      <SliderPrimitive.Range className="absolute h-full bg-primary" />
-    </SliderPrimitive.Track>
-    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background 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" />
-  </SliderPrimitive.Root>
-))
-Slider.displayName = SliderPrimitive.Root.displayName
-
-export { Slider }
diff --git a/openframe-frontend-core/src/components/smooth-accordion.tsx b/openframe-frontend-core/src/components/smooth-accordion.tsx
deleted file mode 100644
index b51449ee3..000000000
--- a/openframe-frontend-core/src/components/smooth-accordion.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronButton } from './ui/chevron-button';
-import { cn } from "../utils/cn";
-
-// --- SmoothAccordion -----------------------------------------------------------------
-// Wrapper that re-exports AccordionPrimitive.Root for convenience
-export const SmoothAccordion = AccordionPrimitive.Root;
-
-// --- SmoothAccordionItem --------------------------------------------------------------
-export const SmoothAccordionItem = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
-    ref={ref}
-    className={cn('border-0', className)}
-    {...props}
-  />
-));
-SmoothAccordionItem.displayName = 'SmoothAccordionItem';
-
-// --- SmoothAccordionTrigger -----------------------------------------------------------
-interface SmoothAccordionTriggerProps
-  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
-  label: React.ReactNode;
-  className?: string;
-}
-
-export const SmoothAccordionTrigger = React.forwardRef<
-  HTMLButtonElement,
-  SmoothAccordionTriggerProps
->(({ label, className, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        'group flex w-full items-center justify-between px-6 md:px-8 py-6 text-left hover:no-underline focus:outline-none transition-colors duration-200 ease-in-out',
-        className,
-      )}
-      {...props}
-    >
-      <span className="text-h3 text-ods-text-primary">
-        {label}
-      </span>
-      <ChevronButton
-        size="md"
-        isExpanded={false}
-        backgroundColor="transparent"
-        borderColor="var(--color-border-default)"
-        className="transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180"
-      />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-));
-SmoothAccordionTrigger.displayName = 'SmoothAccordionTrigger';
-
-// --- SmoothAccordionContent -----------------------------------------------------------
-// Uses dynamic height measurement with ResizeObserver for ultra-smooth animation.
-export const SmoothAccordionContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(({ className, children, ...props }, ref) => {
-  const [maxHeight, setMaxHeight] = React.useState<number>(0);
-  const contentInnerRef = React.useRef<HTMLDivElement | null>(null);
-
-  const composedRef = (node: HTMLDivElement) => {
-    // Allow Radix to receive ref as well
-    if (typeof ref === 'function') ref(node);
-    else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;
-    contentInnerRef.current = node;
-  };
-
-  const updateHeight = React.useCallback(() => {
-    if (contentInnerRef.current) {
-      setMaxHeight(contentInnerRef.current.scrollHeight);
-    }
-  }, []);
-
-  React.useEffect(() => {
-    updateHeight();
-  }, [updateHeight, children]);
-
-  // ResizeObserver for dynamic content
-  React.useEffect(() => {
-    if (!contentInnerRef.current) return;
-    const ro = new ResizeObserver(updateHeight);
-    ro.observe(contentInnerRef.current);
-    return () => ro.disconnect();
-  }, [updateHeight]);
-
-  const isOpen = (props as any)["data-state"] === "open";
-
-  return (
-    <AccordionPrimitive.Content
-      ref={composedRef}
-      // Radix provides data-state attribute for open/closed
-      className={cn('overflow-hidden', className)}
-      style={{
-        transition: 'max-height 0.35s ease-in-out, opacity 0.35s ease-in-out',
-        maxHeight: isOpen ? `${maxHeight}px` : '0px',
-        opacity: isOpen ? 1 : 0,
-      }}
-      {...props}
-      onTransitionEnd={() => {
-        // After closing, reset maxHeight to avoid lingering space
-        if (!isOpen) {
-          setMaxHeight(0);
-        }
-      }}
-    >
-      <div
-        // inner wrapper used for measurement
-        style={{
-          opacity: 1,
-          paddingBottom: '0.75rem', // keep default styling to match existing
-        }}
-      >
-        {children}
-      </div>
-    </AccordionPrimitive.Content>
-  );
-});
-SmoothAccordionContent.displayName = 'SmoothAccordionContent'; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/steps.tsx b/openframe-frontend-core/src/components/steps.tsx
deleted file mode 100644
index af6a90707..000000000
--- a/openframe-frontend-core/src/components/steps.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { cn } from "../utils/cn"
-
-interface StepsProps extends React.HTMLAttributes<HTMLDivElement> {
-  currentStep: number
-}
-
-const StepsComponent = React.forwardRef<HTMLDivElement, StepsProps>(
-  ({ currentStep, className, children, ...props }, ref) => {
-    // Count the number of step children
-    const steps = React.Children.toArray(children).filter((child) => React.isValidElement(child))
-
-    return (
-      <div ref={ref} className={cn("space-y-4", className)} {...props}>
-        {React.Children.map(children, (child, index) => {
-          if (!React.isValidElement(child) || child.type !== Step) {
-            return child
-          }
-
-          // Clone the child with additional props
-          return React.cloneElement(child as React.ReactElement<any>, {
-            stepNumber: index + 1,
-            isActive: currentStep === index + 1,
-            isCompleted: currentStep > index + 1,
-            isLast: index === steps.length - 1,
-          })
-        })}
-      </div>
-    )
-  },
-)
-StepsComponent.displayName = "Steps"
-
-interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
-  title: string
-  description?: string
-  stepNumber?: number
-  isActive?: boolean
-  isCompleted?: boolean
-  isLast?: boolean
-}
-
-const Step = React.forwardRef<HTMLDivElement, StepProps>(
-  ({ title, description, stepNumber, isActive, isCompleted, isLast, className, ...props }, ref) => {
-    return (
-      <div ref={ref} className={cn("relative flex gap-4", !isLast && "pb-8", className)} {...props}>
-        {/* Line connecting steps */}
-        {!isLast && <div className="absolute left-[15px] top-[30px] bottom-0 w-[1px] bg-border" />}
-
-        {/* Step indicator */}
-        <div className="relative z-10 flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full border bg-background">
-          {isCompleted ? (
-            <svg
-              className="h-4 w-4 text-primary"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            >
-              <polyline points="20 6 9 17 4 12" />
-            </svg>
-          ) : (
-            <span className={cn("text-h6", isActive ? "text-primary" : "text-muted-foreground")}>
-              {stepNumber}
-            </span>
-          )}
-        </div>
-
-        {/* Step content */}
-        <div className="flex flex-col gap-0.5">
-          <h3
-            className={cn(
-              "text-h6",
-              isActive ? "text-foreground" : "text-muted-foreground",
-              isCompleted && "text-primary",
-            )}
-          >
-            {title}
-          </h3>
-          {description && (
-            <p className={cn("text-h6", isActive ? "text-muted-foreground" : "text-muted-foreground/60")}>
-              {description}
-            </p>
-          )}
-        </div>
-      </div>
-    )
-  },
-)
-Step.displayName = "Step"
-
-export { Step }
-export { StepsComponent as Steps }
diff --git a/openframe-frontend-core/src/components/sun-icon.tsx b/openframe-frontend-core/src/components/sun-icon.tsx
deleted file mode 100644
index 5a750cd4d..000000000
--- a/openframe-frontend-core/src/components/sun-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface SunIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const SunIcon: React.FC<SunIconProps> = ({ 
-  className = "", 
-  width = 24, 
-  height = 24 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M15.8755 11.9995C15.8752 9.85963 14.1395 8.125 11.9995 8.125C9.8598 8.12526 8.12526 9.8598 8.125 11.9995C8.125 14.1395 9.85963 15.8752 11.9995 15.8755C14.1396 15.8755 15.8755 14.1396 15.8755 11.9995ZM18.1255 11.9995C18.1255 15.3823 15.3823 18.1255 11.9995 18.1255C8.61699 18.1252 5.875 15.3821 5.875 11.9995C5.87526 8.61715 8.61715 5.87526 11.9995 5.875C15.3821 5.875 18.1252 8.61699 18.1255 11.9995Z" fill="currentColor"/>
-      <path d="M10.8755 21.9995V20.4995C10.8758 19.8784 11.3793 19.3745 12.0005 19.3745C12.6214 19.3748 13.1252 19.8786 13.1255 20.4995V21.9995C13.1255 22.6207 12.6216 23.1242 12.0005 23.1245C11.3792 23.1245 10.8755 22.6208 10.8755 21.9995ZM5.19482 17.2153C5.63418 16.7761 6.34636 16.776 6.78564 17.2153C7.22444 17.6547 7.22467 18.367 6.78564 18.8062L5.7251 19.8667L5.63867 19.9443C5.19681 20.3043 4.54455 20.2784 4.13281 19.8667C3.69387 19.4275 3.69402 18.7152 4.13281 18.2759L5.19482 17.2153ZM17.2153 17.2153C17.6271 16.8036 18.2779 16.7777 18.7197 17.1377L18.8062 17.2153L19.8667 18.2759L19.9443 18.3608C20.3046 18.8027 20.2785 19.4549 19.8667 19.8667C19.4549 20.2785 18.8027 20.3046 18.3608 19.9443L18.2759 19.8667L17.2153 18.8062L17.1377 18.7197C16.7777 18.2779 16.8036 17.6271 17.2153 17.2153ZM3.5 10.8755L3.61572 10.8813C4.18265 10.9393 4.625 11.4183 4.625 12.0005C4.62475 12.5825 4.18254 13.0617 3.61572 13.1196L3.5 13.1255H2C1.37884 13.1255 0.875264 12.6216 0.875 12.0005C0.875 11.3792 1.37868 10.8755 2 10.8755H3.5ZM21.9995 10.8755C22.6208 10.8755 23.1245 11.3792 23.1245 12.0005C23.1242 12.6216 22.6207 13.1255 21.9995 13.1255H20.4995C19.8786 13.1252 19.3748 12.6214 19.3745 12.0005C19.3745 11.3793 19.8784 10.8758 20.4995 10.8755H21.9995ZM4.13281 4.13281C4.5447 3.72092 5.1968 3.69622 5.63867 4.05664L5.7251 4.13281L6.78564 5.19482L6.86182 5.27979C7.22229 5.72166 7.19756 6.37373 6.78564 6.78564C6.37373 7.19756 5.72166 7.22229 5.27979 6.86182L5.19482 6.78564L4.13281 5.7251L4.05664 5.63867C3.69622 5.1968 3.72092 4.5447 4.13281 4.13281ZM18.3608 4.05664C18.8026 3.69605 19.4547 3.72107 19.8667 4.13281C20.306 4.57215 20.306 5.28576 19.8667 5.7251L18.8062 6.78564C18.367 7.22467 17.6547 7.22444 17.2153 6.78564C16.776 6.34636 16.7761 5.63418 17.2153 5.19482L18.2759 4.13281L18.3608 4.05664ZM10.8755 3.5V2C10.8755 1.37868 11.3792 0.875 12.0005 0.875C12.6216 0.875264 13.1255 1.37884 13.1255 2V3.5C13.1255 4.12116 12.6216 4.62474 12.0005 4.625C11.3792 4.625 10.8755 4.12132 10.8755 3.5Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/switch.tsx b/openframe-frontend-core/src/components/switch.tsx
deleted file mode 100644
index f1856a862..000000000
--- a/openframe-frontend-core/src/components/switch.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
-
-import { cn } from "../utils/cn"
-
-const Switch = React.forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      "peer inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className,
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitives.Thumb
-      className={cn(
-        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
-      )}
-    />
-  </SwitchPrimitives.Root>
-))
-Switch.displayName = SwitchPrimitives.Root.displayName
-
-export { Switch }
diff --git a/openframe-frontend-core/src/components/textarea.tsx b/openframe-frontend-core/src/components/textarea.tsx
deleted file mode 100644
index 071af8406..000000000
--- a/openframe-frontend-core/src/components/textarea.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import * as React from "react"
-
-import { cn } from "../utils/cn"
-
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
-
-const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {
-  return (
-    <textarea
-      className={cn(
-        "flex min-h-[80px] w-full rounded-md border border-ods-border bg-ods-card px-3 py-2 text-h4 placeholder:text-ods-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:bg-ods-bg",
-        "touch-manipulation", // Prevent double-tap zoom
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  )
-})
-Textarea.displayName = "Textarea"
-
-export { Textarea }
diff --git a/openframe-frontend-core/src/components/ui/pagination-stub.tsx b/openframe-frontend-core/src/components/ui/pagination-stub.tsx
deleted file mode 100644
index 203604e70..000000000
--- a/openframe-frontend-core/src/components/ui/pagination-stub.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import * as React from "react"
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
-import { cn } from "../../utils/cn"
-
-const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
-  <nav
-    role="navigation"
-    aria-label="pagination"
-    className={cn("mx-auto flex w-full justify-center", className)}
-    {...props}
-  />
-)
-
-const PaginationContent = React.forwardRef<
-  HTMLUListElement,
-  React.ComponentProps<"ul">
->(({ className, ...props }, ref) => (
-  <ul
-    ref={ref}
-    className={cn("flex flex-row items-center gap-1", className)}
-    {...props}
-  />
-))
-PaginationContent.displayName = "PaginationContent"
-
-const PaginationItem = React.forwardRef<
-  HTMLLIElement,
-  React.ComponentProps<"li">
->(({ className, ...props }, ref) => (
-  <li ref={ref} className={cn("", className)} {...props} />
-))
-PaginationItem.displayName = "PaginationItem"
-
-export {
-  Pagination,
-  PaginationContent,
-  PaginationItem,
-}
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/ui/responsive-icons-block-stub.tsx b/openframe-frontend-core/src/components/ui/responsive-icons-block-stub.tsx
deleted file mode 100644
index 66fe7eafe..000000000
--- a/openframe-frontend-core/src/components/ui/responsive-icons-block-stub.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-export interface ResponsiveIconsBlockProps {
-  children?: React.ReactNode;
-  className?: string;
-}
-
-export function ResponsiveIconsBlock({ children, className }: ResponsiveIconsBlockProps) {
-  return (
-    <div className={className}>
-      {children}
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/user-icon.tsx b/openframe-frontend-core/src/components/user-icon.tsx
deleted file mode 100644
index 2381658ee..000000000
--- a/openframe-frontend-core/src/components/user-icon.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react'
-
-interface UserIconProps {
-  width?: number | string
-  height?: number | string
-  className?: string
-}
-
-export function UserIcon({ 
-  width = 24, 
-  height = 23, 
-  className = "text-current" 
-}: UserIconProps) {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 24 23" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path 
-        d="M18.0889 11.6454C19.114 10.6203 20.7757 10.6203 21.8008 11.6454L22.3545 12.1991L22.5347 12.3983C23.3197 13.3606 23.3197 14.7494 22.5347 15.7118L22.3545 15.911L21.0186 17.2455C21.0148 17.2494 21.0122 17.2548 21.0083 17.2586C21.0044 17.2626 20.9991 17.2651 20.9952 17.2689L17.6055 20.66C16.9977 21.2678 16.2151 21.6714 15.3672 21.8128L13.5889 22.1087C12.5906 22.2751 11.7248 21.4093 11.8912 20.411L12.1871 18.6327C12.3285 17.7849 12.7321 17.0022 13.3399 16.3944L18.0889 11.6454ZM14.9307 17.9852C14.6544 18.2615 14.4705 18.6178 14.4063 19.0033L14.2876 19.7108L14.9966 19.5936C15.3821 19.5294 15.7384 19.3455 16.0147 19.0692L18.6206 16.4618L17.5367 15.3778L14.9307 17.9852ZM20.21 13.2362C20.0635 13.0898 19.8262 13.0898 19.6797 13.2362L19.1289 13.787L20.2129 14.871L20.7637 14.3202C20.8919 14.192 20.9082 13.9941 20.8121 13.8485L20.7637 13.7899L20.21 13.2362Z" 
-        fill="currentColor"
-      />
-      <path 
-        d="M11.6724 12.875L11.7866 12.8809C12.354 12.9383 12.7974 13.4174 12.7974 14C12.7974 14.5826 12.354 15.0617 11.7866 15.1191L11.6724 15.125H7.14307C5.01417 15.125 3.27616 16.781 3.13818 18.875H9.05762L9.17334 18.8809C9.7406 18.9385 10.1826 19.4175 10.1826 20C10.1826 20.5825 9.7406 21.0615 9.17334 21.1191L9.05762 21.125H2.85693C1.76239 21.1249 0.875113 20.2376 0.875 19.1431C0.875 15.6814 3.68142 12.875 7.14307 12.875H11.6724ZM13.1255 6.24951C13.1252 4.52385 11.7252 3.125 9.99951 3.125C8.27401 3.12526 6.87526 4.52401 6.875 6.24951C6.875 7.97524 8.27385 9.37522 9.99951 9.37549C11.7254 9.37549 13.1255 7.9754 13.1255 6.24951ZM15.3755 6.24951C15.3755 9.21804 12.968 11.6255 9.99951 11.6255C7.03121 11.6252 4.625 9.21788 4.625 6.24951C4.62526 3.28137 7.03137 0.875264 9.99951 0.875C12.9679 0.875 15.3752 3.28121 15.3755 6.24951Z" 
-        fill="currentColor"
-      />
-    </svg>
-  )
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/vendor-directory-icon.tsx b/openframe-frontend-core/src/components/vendor-directory-icon.tsx
deleted file mode 100644
index 243b37d7b..000000000
--- a/openframe-frontend-core/src/components/vendor-directory-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface VendorDirectoryIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const VendorDirectoryIcon: React.FC<VendorDirectoryIconProps> = ({ 
-  className = "", 
-  width = 20, 
-  height = 20 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 20 20" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M15.7292 9.71675V7.00923L10.1042 10.1342V16.4672C10.4285 16.5317 10.7088 16.7634 10.8159 17.1008C10.9725 17.5942 10.7 18.1208 10.2068 18.2775C9.86857 18.3849 9.5174 18.4387 9.16675 18.4387C8.67029 18.4387 8.17345 18.3314 7.71289 18.1164L7.51758 18.0175L2.51758 15.2844C1.41493 14.6815 0.7293 13.5247 0.729248 12.268V6.89936C0.729279 6.31241 0.881003 5.74845 1.15283 5.25141C1.16621 5.21944 1.18077 5.1872 1.198 5.1562C1.22648 5.10498 1.2584 5.057 1.29443 5.01338C1.59852 4.55024 2.01395 4.15835 2.51758 3.88301L7.51758 1.14985L7.71289 1.05097C8.6998 0.590235 9.85266 0.62327 10.8159 1.14985L15.8159 3.88301L16.0173 4.00264C16.4335 4.2684 16.7797 4.618 17.0427 5.0207C17.0767 5.06262 17.1084 5.10739 17.1355 5.1562C17.1527 5.18721 17.1673 5.21944 17.1807 5.25141C17.4525 5.74845 17.6042 6.31241 17.6042 6.89936V9.71675C17.6042 10.2345 17.1845 10.6542 16.6667 10.6542C16.149 10.6542 15.7292 10.2345 15.7292 9.71675ZM9.91626 2.79536C9.50765 2.57199 9.02403 2.54365 8.59668 2.71113L8.41724 2.79536L3.60767 5.42353L9.16675 8.51069L14.7246 5.42353L9.91626 2.79536ZM2.60425 12.268C2.6043 12.8392 2.91604 13.3649 3.41724 13.6389L8.22925 16.2683V10.1342L2.60425 7.00923V12.268Z" fill="currentColor"/>
-      <path d="M16.9792 15.4162C16.9792 14.5533 16.2797 13.8537 15.4167 13.8537C14.5538 13.8537 13.8542 14.5533 13.8542 15.4162C13.8542 16.2792 14.5538 16.9787 15.4167 16.9787C16.2797 16.9787 16.9792 16.2792 16.9792 15.4162ZM18.8542 15.4162C18.8542 16.0245 18.6932 16.5941 18.416 17.0898L18.9959 17.6696L19.0605 17.7416C19.3607 18.1099 19.339 18.6521 18.9959 18.9953C18.6527 19.3385 18.1104 19.3601 17.7422 19.06L17.6702 18.9953L17.0903 18.4155C16.5947 18.6927 16.025 18.8537 15.4167 18.8537C13.5183 18.8537 11.9792 17.3147 11.9792 15.4162C11.9792 13.5177 13.5183 11.9787 15.4167 11.9787C17.3152 11.9787 18.8542 13.5177 18.8542 15.4162Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/vendor-tag.tsx b/openframe-frontend-core/src/components/vendor-tag.tsx
index f8cb02647..435a3d59e 100644
--- a/openframe-frontend-core/src/components/vendor-tag.tsx
+++ b/openframe-frontend-core/src/components/vendor-tag.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import { OpenSourceIcon, CoinsIcon } from "./icons-stub"
-import { OpenFrameLogo } from "./openframe-logo"
+import { OpenFrameLogo } from "./icons/openframe-logo"
 import { cn } from "../utils/cn"
 import { Boxes, Database, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react"
 
diff --git a/openframe-frontend-core/src/components/vendors-icon.tsx b/openframe-frontend-core/src/components/vendors-icon.tsx
deleted file mode 100644
index 356232347..000000000
--- a/openframe-frontend-core/src/components/vendors-icon.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-interface VendorsIconProps {
-  className?: string;
-  width?: number;
-  height?: number;
-}
-
-export const VendorsIcon: React.FC<VendorsIconProps> = ({ 
-  className = "", 
-  width = 24, 
-  height = 24 
-}) => {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 24 24" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path d="M19.8745 17.9995V16C19.8745 14.9645 19.035 14.125 17.9995 14.125H17.1235L11.7959 19.4527C11.3567 19.8918 10.6445 19.8915 10.2051 19.4527C9.76574 19.0133 9.76574 18.3012 10.2051 17.8618L17.2759 10.791C18.0081 10.0588 18.0081 8.87044 17.2759 8.13821L15.8608 6.72464C15.1286 5.99252 13.9417 5.99244 13.2095 6.72464L11.7959 8.13821C11.3566 8.57751 10.6444 8.57744 10.2051 8.13821C9.76574 7.69887 9.76574 6.98673 10.2051 6.54739L11.6187 5.13382C13.2295 3.52294 15.8407 3.52302 17.4517 5.13382L18.8667 6.54739L19.1494 6.86087C20.377 8.36582 20.3813 10.5336 19.1655 12.0449C20.8757 12.5481 22.1245 14.1269 22.1245 16V17.9995C22.1245 20.2777 20.2777 22.1245 17.9995 22.1245H7C6.37868 22.1245 5.875 21.6209 5.875 20.9995C5.87525 20.3784 6.37883 19.8745 7 19.8745H17.9995C19.035 19.8745 19.8745 19.0351 19.8745 17.9995Z" fill="currentColor"/>
-      <path d="M9.87451 6C9.87451 4.96447 9.03505 4.125 7.99951 4.125H6C4.96447 4.125 4.125 4.96447 4.125 6V18C4.125 19.0355 4.96447 19.875 6 19.875H7.99951C9.03505 19.875 9.87451 19.0355 9.87451 18V6ZM8.625 16.9995C8.625 17.8968 7.89773 18.6252 7.00049 18.6255C6.15923 18.6255 5.46668 17.9858 5.3833 17.1665L5.37451 16.9995L5.3833 16.834C5.46645 16.0145 6.15907 15.375 7.00049 15.375L7.16602 15.3838C7.98532 15.4669 8.62475 16.1583 8.625 16.9995ZM12.1245 18C12.1245 20.2782 10.2777 22.125 7.99951 22.125H6C3.72183 22.125 1.875 20.2782 1.875 18V6C1.875 3.72183 3.72183 1.875 6 1.875H7.99951C10.2777 1.875 12.1245 3.72183 12.1245 6V18Z" fill="currentColor"/>
-    </svg>
-  );
-}; 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/why-it-matters.tsx b/openframe-frontend-core/src/components/why-it-matters.tsx
index a48c15de8..684083f64 100644
--- a/openframe-frontend-core/src/components/why-it-matters.tsx
+++ b/openframe-frontend-core/src/components/why-it-matters.tsx
@@ -35,7 +35,7 @@ const WhyItMattersItem: React.FC<WhyItMattersItemProps> = ({ number, title, desc
 };
 
 
-const WhyItMatters = () => {
+export const WhyItMatters = () => {
   const items = [
     {
       number: "1.",
diff --git a/openframe-frontend-core/src/components/x-icon.tsx b/openframe-frontend-core/src/components/x-icon.tsx
deleted file mode 100644
index a2ca3af27..000000000
--- a/openframe-frontend-core/src/components/x-icon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-interface XIconProps {
-  width?: number;
-  height?: number;
-  className?: string;
-}
-
-export function XIcon({ width = 16, height = 16, className = '' }: XIconProps) {
-  return (
-    <svg 
-      width={width} 
-      height={height} 
-      viewBox="0 0 16 16" 
-      fill="none" 
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path 
-        d="M13.9164 8C13.9164 4.73242 11.2679 2.08318 8.00037 2.08301C4.73268 2.08301 2.08337 4.73232 2.08337 8C2.08355 11.2675 4.73279 13.916 8.00037 13.916C11.2678 13.9158 13.9162 11.2674 13.9164 8ZM15.4164 8C15.4162 12.0959 12.0962 15.4158 8.00037 15.416C3.90436 15.416 0.58355 12.096 0.583374 8C0.583374 3.90389 3.90425 0.583008 8.00037 0.583008C12.0963 0.583184 15.4164 3.904 15.4164 8Z" 
-        fill="#FAFAFA"
-      />
-      <path 
-        d="M9.80343 5.13607C10.0963 4.84334 10.5711 4.84323 10.864 5.13607C11.1567 5.42892 11.1567 5.90376 10.864 6.19661L9.06027 7.99935L10.864 9.80306L10.9148 9.8597C11.1552 10.1543 11.1386 10.589 10.864 10.8636C10.5893 11.1382 10.1547 11.1548 9.86007 10.9144L9.80343 10.8636L7.99972 9.05989L6.19699 10.8636C5.90414 11.1563 5.42929 11.1563 5.13644 10.8636C4.8436 10.5708 4.84371 10.096 5.13644 9.80306L6.93917 7.99935L5.13644 6.19661L5.08468 6.13997C4.84437 5.84539 4.86184 5.41067 5.13644 5.13607C5.41104 4.86146 5.84577 4.844 6.14035 5.08431L6.19699 5.13607L7.99972 6.9388L9.80343 5.13607Z" 
-        fill="#FAFAFA"
-      />
-    </svg>
-  );
-} 
\ No newline at end of file
diff --git a/openframe-frontend-core/src/components/x-logo.tsx b/openframe-frontend-core/src/components/x-logo.tsx
deleted file mode 100644
index ca3221a89..000000000
--- a/openframe-frontend-core/src/components/x-logo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-
-interface XLogoProps extends React.SVGProps<SVGSVGElement> {
-  className?: string;
-}
-
-export function XLogo({ className = '', ...props }: XLogoProps) {
-  return (
-    <svg
-      width={24}
-      height={24}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      {...props}
-    >
-      <path d="M9.75292 12.6562C10.1923 12.2169 10.9044 12.2169 11.3437 12.6562C11.7831 13.0956 11.7831 13.8077 11.3437 14.2471L3.7954 21.7954C3.35606 22.2348 2.64392 22.2348 2.20458 21.7954C1.76524 21.3561 1.76524 20.6439 2.20458 20.2046L9.75292 12.6562ZM20.2046 2.20459C20.6439 1.76525 21.3561 1.76525 21.7954 2.20459C22.2347 2.64393 22.2347 3.35607 21.7954 3.79541L14.2471 11.3438C13.8077 11.7831 13.0956 11.7831 12.6562 11.3438C12.2169 10.9044 12.2169 10.1923 12.6562 9.75293L20.2046 2.20459Z" fill="#FAFAFA" />
-      <path d="M7.9995 1.875L8.13426 1.88232C8.444 1.91951 8.72702 2.08473 8.9121 2.34082L21.9126 20.3408C22.1599 20.6833 22.1943 21.1365 22.0019 21.5127C21.8096 21.8887 21.4223 22.125 21 22.125H16.0005C15.6393 22.125 15.2994 21.9519 15.0879 21.6592L2.08739 3.65918C1.84004 3.31669 1.8057 2.86346 1.99803 2.4873C2.19042 2.11133 2.57763 1.875 2.99999 1.875H7.9995ZM16.5747 19.875H18.7983L7.42528 4.125H5.20165L16.5747 19.875Z" fill="#FAFAFA" />
-    </svg>
-  );
-} 
\ No newline at end of file