@exegia/corpora-ui 1.0.0 → 2.0.0

package/src/components/blocks/auth/type.ts

@@ -0,0 +1,436 @@
+import type { TSocialProvider } from "@/components/composed/types";
+import type { TAuthAccent } from "@/lib/auth-accent";
+
+export interface IUpdatePasswordBlockProps {
+  title?: string;
+  description?: string;
+  /** Brand mark rendered above the title. Omit for no logo row at all. */
+  logo?: React.ReactNode;
+  /** Brand accent for the primary action. Omit to keep the default primary. */
+  accent?: TAuthAccent;
+  /**
+   * Minimum strength (0-4, as scored by `getPasswordStrength`) the new
+   * password must reach before the confirm field is revealed. 0 disables the
+   * gate.
+   */
+  minStrength?: number;
+  /** Reject (or throw) to show the error state with the error's message. */
+  onSubmit?: (data: { password: string }) => Promise<void> | void;
+  onDone?: () => void;
+}
+
+export interface ISignupBlockProps {
+  title?: string;
+  description?: string;
+  /**
+   * Replaces the built-in "terms" link inside the consent label — pass your
+   * own dialog trigger to render it inline instead of wiring `onTerms`.
+   */
+  termsComponent?: React.ReactNode;
+  /** Brand mark rendered above the title. Omit for no logo row at all. */
+  logo?: React.ReactNode;
+  /** Brand accent for the primary action. Omit keeping the default primary. */
+  accent?: TAuthAccent;
+  providers?: TSocialProvider[];
+  showNameField?: boolean;
+  /** Require the term checkbox before submitting. */
+  showTerms?: boolean;
+  /**
+   * Controls the term checkbox. Pass it with `onTermsCheckedChange` when
+   * something outside the block has to tick the box — an "I agree" action in
+   * your own terms dialog, say. Omit letting the block own the state.
+   */
+  termsChecked?: boolean;
+  /** Starting state of the term checkbox while it is uncontrolled. */
+  defaultTermsChecked?: boolean;
+  /** Fires on every change, controlled or not. */
+  onTermsCheckedChange?: (checked: boolean) => void;
+  /** Block submission until every password requirement is met. */
+  enforceStrongPassword?: boolean;
+  onSubmit?: (data: {
+    name: string;
+    email: string;
+    password: string;
+  }) => Promise<void> | void;
+  onProviderSelect?: (provider: TSocialProvider) => Promise<void> | void;
+  onLogin?: () => void;
+  onTerms?: () => void;
+}
+
+export interface IPasskeySignInBlockProps {
+  /**
+   * Whether this device can use passkeys. `false` renders nothing at all —
+   * a passkey button that is guaranteed to fail is worse than no button.
+   */
+  available?: boolean;
+  /** Button label. */
+  label?: string;
+  /**
+   * Reject (or throw) to show the inline error. Resolving with
+   * `{ cancelled: true }` returns silently to idle — a dismissed OS prompt is
+   * not a failure and must not surface an error.
+   */
+  onSignIn?: () => Promise<{ cancelled?: boolean } | void> | void;
+  /** Hint shown under an error, pointing at the remaining sign-in methods. */
+  fallbackHint?: React.ReactNode;
+  className?: string;
+}
+
+/** One registered passkey, as rendered by {@link PasskeyManagerBlock}. */
+export interface IPasskeyRecord {
+  id: string
+  /** Server-derived name; falls back to "Passkey" when absent. */
+  name?: string | null
+  /** ISO timestamps. Unparseable values are simply not shown. */
+  createdAt?: string | null
+  lastUsedAt?: string | null
+}
+
+/** Value a single onboarding field can hold. */
+export type TOnboardingValue = string | boolean;
+
+export interface IOnboardingSelectOption {
+  value: string;
+  label: string;
+}
+
+interface IOnboardingFieldBase {
+  /** Key the value is collected under; unique within the flow. */
+  name: string;
+  label: string;
+  /** Required fields gate the step's advance. */
+  required?: boolean;
+  placeholder?: string;
+  /** Extra validation; return a message to reject, `null` to accept. */
+  validate?: (value: string) => string | null;
+}
+
+export interface IOnboardingTextField extends IOnboardingFieldBase {
+  kind: "text" | "textarea" | "url";
+}
+
+export interface IOnboardingCheckboxField extends IOnboardingFieldBase {
+  kind: "checkbox";
+}
+
+export interface IOnboardingSelectField extends IOnboardingFieldBase {
+  kind: "select";
+  options: IOnboardingSelectOption[];
+}
+
+/** Discriminated on `kind`. */
+export type TOnboardingFieldConfig =
+  | IOnboardingTextField
+  | IOnboardingCheckboxField
+  | IOnboardingSelectField;
+
+export interface IOnboardingStepConfig {
+  /** Unique within the flow and stable across releases. */
+  id: string;
+  title: string;
+  description?: string;
+  fields: TOnboardingFieldConfig[];
+}
+
+export interface IOnboardingBlockProps {
+  /** Declared profile steps. */
+  steps?: IOnboardingStepConfig[];
+  /** Brand mark rendered above the title. Omit for no logo row at all. */
+  logo?: React.ReactNode;
+  /** Brand accent for the primary action. Omit to keep the default primary. */
+  accent?: TAuthAccent;
+  /**
+   * Fires per step as it is submitted. Reject (or throw) to keep the user on
+   * the step and show the error.
+   */
+  onStepSubmit?: (
+    stepId: string,
+    values: Record<string, TOnboardingValue>,
+  ) => Promise<void> | void;
+  /** Fires once, after the final step is accepted, with the merged profile. */
+  onComplete?: (profile: Record<string, TOnboardingValue>) => Promise<void> | void;
+  /** Shows a brief success screen once onboarding completes. */
+  showCompleteScreen?: boolean;
+  /** Move focus to step headings. Disable when embedding a gallery preview. */
+  autoFocus?: boolean;
+  className?: string;
+}
+
+export interface ILoginBlockProps {
+  title?: string;
+  description?: string;
+  /** Brand mark rendered above the title. Omit for no logo row at all. */
+  logo?: React.ReactNode;
+  /** Brand accent for the primary action. Omit to keep the default primary. */
+  accent?: TAuthAccent;
+  /** Social providers to offer; empty array hides the social section. */
+  providers?: TSocialProvider[];
+  showRememberMe?: boolean;
+  showForgotPassword?: boolean;
+  /** Reject (or throw) to show the error state with the error's message. */
+  onSubmit?: (data: {
+    email: string;
+    password: string;
+    remember: boolean;
+  }) => Promise<void> | void;
+  onProviderSelect?: (provider: TSocialProvider) => Promise<void> | void;
+  onForgotPassword?: () => void;
+  onSignup?: () => void;
+}
+
+/** One sign-in identity attached to the account. */
+export interface ILinkedIdentity {
+  id: string
+  provider: TSocialProvider
+  /** Account address shown under the provider name, when known. */
+  email?: string | null
+}
+
+export interface ILinkedAccountsBlockProps {
+  title?: string
+  description?: string
+  /** Identities already attached to the account. */
+  identities?: ILinkedIdentity[]
+  /** Providers offered as connect candidates; connected ones are filtered out. */
+  providers?: TSocialProvider[]
+  /** Shows the loading row instead of the list. */
+  loading?: boolean
+  /**
+   * The account can also sign in through a method that has no row in this
+   * list — an email/password credential, say. Lifts the last-method guard,
+   * which otherwise refuses to disconnect the final listed identity.
+   */
+  hasOtherSignInMethods?: boolean
+  /** Reject (or throw) to show the inline error. */
+  onLink?: (provider: TSocialProvider) => Promise<void> | void
+  onUnlink?: (id: string) => Promise<void> | void
+  className?: string
+}
+
+
+export interface IForgotPasswordBlockProps {
+  title?: string;
+  description?: string;
+  /** Brand mark rendered above the title. Omit for no logo row at all. */
+  logo?: React.ReactNode;
+  /** Brand accent for the primary action. Omit to keep the default primary. */
+  accent?: TAuthAccent;
+  onSubmit?: (data: { email: string }) => Promise<void> | void;
+  onBackToLogin?: () => void;
+}
+
+
+export interface ICodeAuthBlockProps {
+  /** Brand mark rendered above the title. Omit for no logo row at all. */
+  logo?: React.ReactNode;
+  /** Brand accent for the primary action. Omit to keep the default primary. */
+  accent?: TAuthAccent;
+  /** Where the code was sent; drives copy and icon. */
+  channel?: "email" | "sms";
+  /** Masked destination shown in the description, e.g. "y•••@example.com". */
+  destination?: string;
+  length?: number;
+  /** Submit automatically once all digits are entered. */
+  autoSubmit?: boolean;
+  /** Seconds before "Resend code" becomes available. 0 disables the wait. */
+  resendSeconds?: number;
+  /** Reject (or throw) to show the error shake and clear the code. */
+  onVerify?: (code: string) => Promise<void> | void;
+  onResend?: () => Promise<void> | void;
+  onBack?: () => void;
+}
+
+
+export type TAuthFlowId = string
+
+/** Which auth block the app is showing. */
+export type TAuthFlowStep =
+  | "login"
+  | "signup"
+  | "verify-code"
+  | "forgot-password"
+  | "update-password"
+  | "onboarding"
+  | "success"
+
+export type TAuthFlowChannel = "email" | "sms"
+
+export interface IAuthFlowState {
+  step: TAuthFlowStep
+  /** The identifier in flight — an email or phone number. Cleared by reset
+   * and by signOut. Never store passwords or codes here. */
+  identifier: string | null
+  /** `identifier` masked for display — "y•••@example.com", "•••1234". */
+  maskedIdentifier: string | null
+  channel: TAuthFlowChannel
+  status: TAuthStatus
+  error: string | null
+}
+
+/** Options for `beginAuthVerificationAtom` / `beginVerification`. */
+export interface IBeginAuthVerificationOptions {
+  identifier: string
+  /** @default "email" */
+  channel?: TAuthFlowChannel
+  /** @default "verify-code" */
+  step?: TAuthFlowStep
+}
+
+/** What `useAuthFlowActions(flowId)` returns. */
+export interface IAuthFlowActions {
+  /** Show a step; resets status to `"idle"` and clears the error. Keeps the
+   * identifier. */
+  goToStep: (step: TAuthFlowStep) => void
+  /** Record the identifier in flight and move to the verification step. */
+  beginVerification: (options: IBeginAuthVerificationOptions) => void
+  /** Mark the flow `"loading"` while an async attempt is in flight. */
+  beginAttempt: () => void
+  /** Mark the flow `"error"` with a message. */
+  fail: (message: string) => void
+  /** Mark the flow `"success"`; when a user is given, also sign the session
+   * in. */
+  complete: (user?: IAuthUser) => void
+  /** Back to the initial values (login step, no identifier). */
+  reset: () => void
+}
+
+/** The signed-in identity, kept for the whole session. Structurally
+ * assignable to `ProfileCardUser`, so it drops into `ProfileCardBlock`. */
+export interface IAuthUser {
+  id: string
+  name: string
+  /** Secondary line — a handle, an email, a role. */
+  username?: string
+  email?: string
+  /** Avatar image URL. */
+  avatar?: string
+  initials?: string
+  /** App-specific extras the library never interprets. */
+  metadata?: Record<string, unknown>
+}
+
+/** `unknown` until the app restores or rejects a session at boot. */
+export type TAuthSessionStatus = "unknown" | "unauthenticated" | "authenticated"
+
+export interface IAuthSessionState {
+  status: TAuthSessionStatus
+  user: IAuthUser | null
+}
+
+/** What `useAuthSessionActions()` returns. */
+export interface IAuthSessionActions {
+  signIn: (user: IAuthUser) => void
+  /** Shallow-merge a patch into the signed-in user; no-op when signed out. */
+  updateUser: (patch: Partial<IAuthUser>) => void
+  /** What an app calls at boot when session restore fails. */
+  markUnauthenticated: () => void
+  /** Sign out AND return the default auth flow to the login step. */
+  signOut: () => void
+}
+
+export type TAuthStatus = "idle" | "loading" | "success" | "error";
+
+export type TAuthFlowDirective =
+  | { user: IAuthUser }
+  | { verify: IBeginAuthVerificationOptions }
+  | { step: TAuthFlowStep }
+  | void
+
+export type TAuthFlowHandler<Data = void> = (
+  data: Data
+) => Promise<TAuthFlowDirective> | TAuthFlowDirective
+
+/** Per-step prop overrides, merged over the orchestrator's wiring — spread
+ * last, so an app can restyle a block or unhook a default navigation link
+ * (`{ login: { onSignup: undefined } }` removes the sign-up hand-off). */
+export interface IAuthFlowStepOverrides {
+  login?: Partial<ILoginBlockProps>
+  signup?: Partial<ISignupBlockProps>
+  "verify-code"?: Partial<ICodeAuthBlockProps>
+  "forgot-password"?: Partial<IForgotPasswordBlockProps>
+  "update-password"?: Partial<IUpdatePasswordBlockProps>
+  onboarding?: Partial<IOnboardingBlockProps>
+}
+
+export interface IAuthFlowBlockProps {
+  /** Which flow instance to orchestrate. The default flow unless a re-auth
+   * modal or a second surface needs its own. */
+  flowId?: TAuthFlowId
+  /** Brand mark handed to every step's card. */
+  logo?: React.ReactNode
+  /** Brand accent handed to every step's card. */
+  accent?: TAuthAccent
+  /** Social providers offered on the login and signup steps. */
+  providers?: TSocialProvider[]
+  /** The login attempt. Resolve with a directive; reject to show the error
+   * in the block. */
+  onLogin?: TAuthFlowHandler<{
+    email: string
+    password: string
+    remember: boolean
+  }>
+  /** The signup attempt. */
+  onSignup?: TAuthFlowHandler<{ name: string; email: string; password: string }>
+  /** A social provider chosen on the login or signup step. */
+  onProviderSelect?: TAuthFlowHandler<TSocialProvider>
+  /** The forgot-password request. Resolving without a directive stays on the
+   * step (the block shows its own "link sent" state). */
+  onRequestReset?: TAuthFlowHandler<{ email: string }>
+  /** The code entered on the verification step. */
+  onVerifyCode?: TAuthFlowHandler<string>
+  /** "Resend code" on the verification step. */
+  onResendCode?: TAuthFlowHandler
+  /** The update-password submit. */
+  onUpdatePassword?: TAuthFlowHandler<{ password: string }>
+  /** Onboarding finished, with the merged profile. */
+  onOnboardingComplete?: TAuthFlowHandler<Record<string, TOnboardingValue>>
+  /** Declared onboarding steps, handed to `OnboardingBlock`. */
+  onboardingSteps?: IOnboardingStepConfig[]
+  /** Per-step prop overrides, merged over the orchestrator's wiring. */
+  steps?: IAuthFlowStepOverrides
+  /** Replace any step's UI entirely; return `undefined` to keep the default
+   * for that step. Receives the flow state for destination copy etc. */
+  renderStep?: (
+    step: TAuthFlowStep,
+    flow: IAuthFlowState
+  ) => React.ReactNode | undefined
+  /** Replaces the whole default success card. */
+  success?: React.ReactNode
+  /** Card title of the default success step. */
+  successTitle?: string
+  /** Body under the default success step's "You're signed in" check. */
+  successDescription?: string
+  className?: string
+}
+
+export interface IProfileStepProps {
+  step: IOnboardingStepConfig;
+  /** Seed values, so drafts survive back/forward navigation. */
+  values: Record<string, TOnboardingValue>;
+  submitting?: boolean;
+  submitLabel: string;
+  onSubmit: (values: Record<string, TOnboardingValue>) => void | Promise<void>;
+  onBack?: () => void;
+  /** Reports every edit so the flow can restore drafts across navigation. */
+  onDraftChange?: (name: string, value: TOnboardingValue) => void;
+}
+
+export interface IPasskeyManagerBlockProps {
+  title?: string
+  description?: string
+  /** The account's passkeys, newest first. */
+  passkeys?: IPasskeyRecord[]
+  /** Whether this device can register passkeys at all. */
+  available?: boolean
+  /** Shows the loading row instead of the list. */
+  loading?: boolean
+  /**
+   * Reject (or throw) to show the error. Resolving with `{ cancelled: true }`
+   * returns silently to idle — a dismissed OS prompt is not a failure.
+   */
+  onRegister?: () => Promise<{ cancelled?: boolean } | void> | void
+  onRename?: (id: string, name: string) => Promise<void> | void
+  onDelete?: (id: string) => Promise<void> | void
+  className?: string
+}
+

package/src/components/blocks/auth/update-password-block.tsx

@@ -8,7 +8,7 @@ import {
 } from "@/components/composed/password-input";
 import { Button } from "@/components/ui/button";
 import { Field, FieldLabel } from "@/components/ui/field";
-import { type AuthAccent, authAccentActionStyles } from "@/lib/auth-accent";
+import { authAccentActionStyles } from "@/lib/auth-accent";
 import { cn } from "@/lib/utils";
 import {
   AuthCard,
@@ -16,26 +16,8 @@ import {
   AuthSuccess,
   MorphStep,
   Reveal,
-  type AuthStatus,
 } from "./auth-shell";
-
-export interface UpdatePasswordBlockProps {
-  title?: string;
-  description?: string;
-  /** Brand mark rendered above the title. Omit for no logo row at all. */
-  logo?: React.ReactNode;
-  /** Brand accent for the primary action. Omit to keep the default primary. */
-  accent?: AuthAccent;
-  /**
-   * Minimum strength (0-4, as scored by `getPasswordStrength`) the new
-   * password must reach before the confirm field is revealed. 0 disables the
-   * gate.
-   */
-  minStrength?: number;
-  /** Reject (or throw) to show the error state with the error's message. */
-  onSubmit?: (data: { password: string }) => Promise<void> | void;
-  onDone?: () => void;
-}
+import type { IUpdatePasswordBlockProps, TAuthStatus } from "./type";
 
 /**
  * Password change form for an already-authenticated user: a strength-metered
@@ -51,10 +33,10 @@ export function UpdatePasswordBlock({
   minStrength = 4,
   onSubmit,
   onDone,
-}: UpdatePasswordBlockProps) {
+}: IUpdatePasswordBlockProps) {
   const passwordId = React.useId();
   const confirmId = React.useId();
-  const [status, setStatus] = React.useState<AuthStatus>("idle");
+  const [status, setStatus] = React.useState<TAuthStatus>("idle");
   const [error, setError] = React.useState<string | null>(null);
   const [password, setPassword] = React.useState("");
   const [confirmPassword, setConfirmPassword] = React.useState("");

package/src/components/blocks/auth/use-auth-state.ts

@@ -22,12 +22,12 @@ import {
   updateAuthUserAtom,
 } from "./auth-session-atom"
 import type {
-  AuthFlowActions,
-  AuthFlowId,
-  AuthFlowState,
-  AuthSessionActions,
-  AuthSessionState,
-} from "./auth-state-type"
+  IAuthFlowActions,
+  TAuthFlowId,
+  IAuthFlowState,
+  IAuthSessionActions,
+  IAuthSessionState,
+} from "./type"
 
 /**
  * Read the auth flow registered under `flowId` from anywhere below
@@ -60,8 +60,8 @@ import type {
  * atom instead: `useAtomValue(authFlowStepAtom(flowId))`.
  */
 export function useAuthFlow(
-  flowId: AuthFlowId = DEFAULT_AUTH_FLOW_ID
-): AuthFlowState {
+  flowId: TAuthFlowId = DEFAULT_AUTH_FLOW_ID
+): IAuthFlowState {
   return useAtomValue(authFlowStateAtom(flowId))
 }
 
@@ -72,8 +72,8 @@ export function useAuthFlow(
  * `beginAttempt()` → the API call → `complete(user)` or `fail(message)`.
  */
 export function useAuthFlowActions(
-  flowId: AuthFlowId = DEFAULT_AUTH_FLOW_ID
-): AuthFlowActions {
+  flowId: TAuthFlowId = DEFAULT_AUTH_FLOW_ID
+): IAuthFlowActions {
   const goToStep = useSetAtom(goToAuthStepAtom(flowId))
   const beginVerification = useSetAtom(beginAuthVerificationAtom(flowId))
   const beginAttempt = useSetAtom(beginAuthAttemptAtom(flowId))
@@ -98,7 +98,7 @@ export function useAuthFlowActions(
  * Read the session: `status` (`"unknown"` until the app restores or rejects
  * a session at boot), the signed-in `user`, and derived `isAuthenticated`.
  */
-export function useAuthSession(): AuthSessionState & {
+export function useAuthSession(): IAuthSessionState & {
   isAuthenticated: boolean
 } {
   const state = useAtomValue(authSessionStateAtom)
@@ -114,7 +114,7 @@ export function useAuthSession(): AuthSessionState & {
  * `endAuthSessionAtom`: it clears the session AND returns the default flow
  * to the login step — the one to wire to a logout button.
  */
-export function useAuthSessionActions(): AuthSessionActions {
+export function useAuthSessionActions(): IAuthSessionActions {
   const signIn = useSetAtom(signInAtom)
   const updateUser = useSetAtom(updateAuthUserAtom)
   const markUnauthenticated = useSetAtom(markUnauthenticatedAtom)

package/src/components/blocks/chat/__tests__/ai-panel.test.tsx

@@ -2,10 +2,10 @@ import { describe, expect, mock, test } from "bun:test"
 import { render, screen } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
 import { Provider } from "jotai"
-import { AiPanel, SelectionPopover, type AiScope } from "../index"
+import { AiPanel, SelectionPopover, type IAiScope } from "../index"
 import { formatScopeLabel } from "../shared"
 
-const passageScope: AiScope = {
+const passageScope: IAiScope = {
   kind: "passage",
   label: "a.1",
   range: "¶1–¶2",

package/src/components/blocks/chat/banners.tsx

@@ -4,12 +4,12 @@ import type * as React from "react"
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Alert, AlertAction, AlertDescription } from "@/components/ui/alert"
-import type { LockedBannerProps } from "./types"
+import type { IDegradedBannerProps, ILockedBannerProps, IPinnedThreadBannerProps } from "./type"
 
 export function LockedBanner({
   children = "This published corpus is locked. Ask questions here, or continue in a working draft to make changes.",
   className,
-}: LockedBannerProps): React.ReactElement {
+}: ILockedBannerProps): React.ReactElement {
   return (
     <Alert className={cn("rounded-sm text-xs", className)} role="status">
       <AlertDescription className="text-xs">
@@ -22,13 +22,9 @@ export function LockedBanner({
   )
 }
 
-export interface PinnedThreadBannerProps {
-  className?: string
-}
-
 export function PinnedThreadBanner({
   className,
-}: PinnedThreadBannerProps): React.ReactElement {
+}: IPinnedThreadBannerProps): React.ReactElement {
   return (
     <Alert className={cn("rounded-sm", className)} role="status">
       <AlertDescription className="text-xs">
@@ -38,17 +34,13 @@ export function PinnedThreadBanner({
   )
 }
 
-export interface DegradedBannerProps {
-  reason?: React.ReactNode
-  onRetry?: () => void
-  className?: string
-}
+
 
 export function DegradedBanner({
   reason = "The model is unavailable right now.",
   onRetry,
   className,
-}: DegradedBannerProps): React.ReactElement {
+}: IDegradedBannerProps): React.ReactElement {
   return (
     <Alert className={cn("rounded-sm", className)} variant="warning">
       <AlertDescription className="text-xs">{reason}</AlertDescription>

package/src/components/blocks/chat/base.tsx

@@ -7,7 +7,7 @@ import { ScrollArea } from "@/components/ui/scroll-area"
 import Background from "@/components/atoms/background"
 import { AiPanelHeader } from "./header"
 import { SuggestedPrompts } from "./suggested-prompts"
-import type { AiPanelProps } from "./types"
+import type { IAiPanelProps } from "./type"
 
 /**
  * Full-height curation rail, designed to sit inside a host container such as
@@ -26,7 +26,7 @@ export function AiPanel({
   headerTitle = "AI panel",
   className,
   ...props
-}: AiPanelProps): React.ReactElement {
+}: IAiPanelProps): React.ReactElement {
   return (
     // A landmark, not a bare div: `aria-label` on a roleless element is not
     // exposed, so the panel would lose both its name and its region.

package/src/components/blocks/chat/header.tsx

@@ -5,7 +5,7 @@ import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Lock, Plus } from "lucide-react"
 import { Tooltip, TooltipPopup, TooltipTrigger } from "@/components/ui/tooltip"
-import type { AiPanelHeaderProps } from "./types"
+import type { IAiPanelHeaderProps } from "./type"
 
 function LockedHint({ locked }: { locked?: boolean }): React.ReactElement {
   return (
@@ -38,7 +38,7 @@ export function AiPanelHeader({
   title,
   locked = false,
   onNewThread,
-}: AiPanelHeaderProps): React.ReactElement {
+}: IAiPanelHeaderProps): React.ReactElement {
   return (
     <header className="sticky top-0 flex shrink-0 flex-col items-center gap-2 border-b border-border bg-sidebar p-3.5">
       <div className="flex w-full flex-row items-center justify-between">