-
-
+
+
+
+ {#if !characterVault.isLoaded}
+
+ {#each Array(6) as _}
+
+ {/each}
+
+ {:else if filteredCharacters.length === 0}
+
+
+
+
{#if searchQuery || showFavoritesOnly || charFilterType !== "all"}
No characters match your filters
{:else}
@@ -626,128 +706,150 @@
{/if}
{#if !searchQuery && !showFavoritesOnly && charFilterType === "all"}
-
-
openCreateCharForm("protagonist")}
- >
+
+ openCreateCharForm("protagonist")}>
-
+ openCreateCharForm("supporting")}
>
+
{/if}
-
- {:else}
-
- {#each filteredCharacters as character (character.id)}
- openEditCharForm(character)}
- onDelete={() => handleDeleteChar(character.id)}
- onToggleFavorite={() => handleToggleFavoriteChar(character.id)}
- />
- {/each}
-
- {/if}
- {:else if activeTab === "lorebooks"}
-
- {#if !lorebookVault.isLoaded}
-
-
- {:else if filteredLorebooks.length === 0}
-
-
-
-
+ {:else}
+
+ {#each filteredCharacters as character (character.id)}
+ openEditCharForm(character)}
+ onDelete={() => handleDeleteChar(character.id)}
+ onToggleFavorite={() => handleToggleFavoriteChar(character.id)}
+ />
+ {/each}
+
+ {/if}
+
+
+
+
+
+
+
+ {#if !lorebookVault.isLoaded}
+
+ {#each Array(6) as _}
+
+ {:else if filteredLorebooks.length === 0}
+
+
+
+
{#if searchQuery || showFavoritesOnly}
No lorebooks match your filters
{:else}
No lorebooks in vault yet
{/if}
-
+
Create a new lorebook or import one from a file
{#if !searchQuery && !showFavoritesOnly}
-
-
- {:else}
-
- {#each filteredLorebooks as lorebook (lorebook.id)}
- handleDeleteLorebook(lorebook.id)}
- onToggleFavorite={() => handleToggleFavoriteLorebook(lorebook.id)}
- onEdit={() => openEditLorebook(lorebook)}
- />
- {/each}
-
- {/if}
- {:else if activeTab === "scenarios"}
-
- {#if !scenarioVault.isLoaded}
-
-
- {:else if filteredScenarios.length === 0}
-
-
-
-
+ {:else}
+
+ {#each filteredLorebooks as lorebook (lorebook.id)}
+ handleDeleteLorebook(lorebook.id)}
+ onToggleFavorite={() =>
+ handleToggleFavoriteLorebook(lorebook.id)}
+ onEdit={() => openEditLorebook(lorebook)}
+ />
+ {/each}
+
+ {/if}
+
+
+
+
+
+
+
+ {#if !scenarioVault.isLoaded}
+
+ {#each Array(6) as _}
+
+ {:else if filteredScenarios.length === 0}
+
+
+
+
{#if searchQuery || showFavoritesOnly}
No scenarios match your filters
{:else}
No scenarios in vault yet
{/if}
-
+
Import character cards to extract scenario settings
-
- {#each filteredScenarios as scenario (scenario.id)}
- handleDeleteScenario(scenario.id)}
- onToggleFavorite={() => handleToggleFavoriteScenario(scenario.id)}
- onEdit={() => openEditScenario(scenario)}
- />
- {/each}
-
- {/if}
- {/if}
-
-
+ {#each filteredScenarios as scenario (scenario.id)}
+ handleDeleteScenario(scenario.id)}
+ onToggleFavorite={() =>
+ handleToggleFavoriteScenario(scenario.id)}
+ onEdit={() => openEditScenario(scenario)}
+ />
+ {/each}
+
+ {/if}
+
+
+
+
{#if showCharForm}
diff --git a/src/lib/utils/cn.ts b/src/lib/utils/cn.ts
new file mode 100644
index 0000000..365058c
--- /dev/null
+++ b/src/lib/utils/cn.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3faf543..289a70e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,7 +5,7 @@
import { grammarService } from "$lib/services/grammar";
import { updaterService } from "$lib/services/updater";
import AppShell from "$lib/components/layout/AppShell.svelte";
- import ProviderSetupModal from "$lib/components/settings/ProviderSetupModal.svelte";
+ import WelcomeScreen from "$lib/components/intro/WelcomeScreen.svelte";
let initialized = $state(false);
let error = $state
(null);
@@ -77,12 +77,6 @@
}
-
-
{:else if showProviderSetup}
-
-
+ )",
+ input: "hsl(var(--input) /
)",
+ ring: "hsl(var(--ring) / )",
+ background: "hsl(var(--background) / )",
+ foreground: "hsl(var(--foreground) / )",
+ primary: {
+ DEFAULT: "hsl(var(--primary) / )",
+ foreground: "hsl(var(--primary-foreground) / )",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary) / )",
+ foreground: "hsl(var(--secondary-foreground) / )",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive) / )",
+ foreground: "hsl(var(--destructive-foreground) / )",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted) / )",
+ foreground: "hsl(var(--muted-foreground) / )",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent) / )",
+ foreground: "hsl(var(--accent-foreground) / )",
+ 50: '#eff6ff',
+ 100: '#dbeafe',
+ 200: '#bfdbfe',
+ 300: '#93c5fd',
+ 400: '#60a5fa',
+ 500: '#3b82f6',
+ 600: '#2563eb',
+ 700: '#1d4ed8',
+ 800: '#1e40af',
+ 900: '#1e3a8a',
+ 950: '#172554',
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover) / )",
+ foreground: "hsl(var(--popover-foreground) / )",
+ },
+ card: {
+ DEFAULT: "hsl(var(--card) / )",
+ foreground: "hsl(var(--card-foreground) / )",
+ },
surface: {
50: '#f8fafc',
100: '#f1f5f9',
@@ -28,26 +82,24 @@ export default {
900: '#0f172a',
950: '#020617',
},
- accent: {
- 50: '#eff6ff',
- 100: '#dbeafe',
- 200: '#bfdbfe',
- 300: '#93c5fd',
- 400: '#60a5fa',
- 500: '#3b82f6',
- 600: '#2563eb',
- 700: '#1d4ed8',
- 800: '#1e40af',
- 900: '#1e3a8a',
- 950: '#172554',
- },
+ },
+ borderColor: {
+ DEFAULT: "hsl(var(--border) / )",
+ },
+ ringColor: {
+ DEFAULT: "hsl(var(--ring) / )",
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
},
fontFamily: {
- sans: ['Inter', 'system-ui', 'sans-serif'],
- mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
+ sans: ['Inter', 'system-ui', 'sans-serif', ...fontFamily.sans],
+ mono: ['JetBrains Mono', 'Fira Code', 'monospace', ...fontFamily.mono],
story: ['Georgia', 'Cambria', 'serif'],
},
},
},
- plugins: [],
+ plugins: [tailwindcssAnimate],
};