diff --git a/packages/app/index.html b/packages/app/index.html index d9ef6b8d6..b926fc9d0 100644 --- a/packages/app/index.html +++ b/packages/app/index.html @@ -23,7 +23,7 @@ })(); - +
diff --git a/packages/app/src/app/app.tsx b/packages/app/src/app/app.tsx index 6214275a8..ad3e0cdbe 100644 --- a/packages/app/src/app/app.tsx +++ b/packages/app/src/app/app.tsx @@ -159,7 +159,7 @@ export default function App() { location.pathname.toLowerCase().startsWith("/proto-v1-ux") ); - const [tab, setTabState] = createSignal("home"); + const [tab, setTabState] = createSignal("scheduled"); const [settingsTab, setSettingsTab] = createSignal("general"); const goToDashboard = (nextTab: DashboardTab, options?: { replace?: boolean }) => { @@ -3720,6 +3720,7 @@ export default function App() { id: session.id, title: session.title, slug: session.slug, + time: { updated: session.time.updated }, workspaceLabel: workspaceLabelForDirectory(session.directory), })), selectSession: selectSession, @@ -3782,8 +3783,6 @@ export default function App() { }); const dashboardTabs = new Set([ - "home", - "sessions", "scheduled", "skills", "plugins", @@ -3796,7 +3795,7 @@ export default function App() { if (dashboardTabs.has(normalized as DashboardTab)) { return normalized as DashboardTab; } - return "home"; + return "scheduled"; }; const initialRoute = () => { @@ -3846,14 +3845,14 @@ export default function App() { if (path.startsWith("/proto-v1-ux")) { if (isTauriRuntime()) { - navigate("/dashboard/home", { replace: true }); + navigate("/dashboard/scheduled", { replace: true }); } return; } if (path.startsWith("/proto")) { if (isTauriRuntime()) { - navigate("/dashboard/home", { replace: true }); + navigate("/dashboard/scheduled", { replace: true }); return; } diff --git a/packages/app/src/app/components/button.tsx b/packages/app/src/app/components/button.tsx index 7fd353728..a234e7fd0 100644 --- a/packages/app/src/app/components/button.tsx +++ b/packages/app/src/app/components/button.tsx @@ -10,14 +10,14 @@ export default function Button(props: ButtonProps) { const variant = () => local.variant ?? "primary"; const base = - "inline-flex items-center justify-center gap-2 rounded-xl px-4 py-2.5 text-sm font-medium transition-all duration-200 active:scale-95 focus:outline-none focus:ring-2 focus:ring-gray-6/15 disabled:opacity-50 disabled:cursor-not-allowed"; + "inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors duration-150 active:scale-[0.98] focus:outline-none focus:ring-2 focus:ring-[rgba(var(--dls-accent-rgb),0.2)] disabled:opacity-50 disabled:cursor-not-allowed"; const variants: Record, string> = { - primary: "bg-gray-12 text-gray-1 hover:bg-gray-11 shadow-lg shadow-gray-12/5", - secondary: "bg-gray-4 text-gray-12 hover:bg-gray-5 border border-gray-7/50", - ghost: "bg-transparent text-gray-11 hover:text-gray-12 hover:bg-gray-4/50", - outline: "border border-gray-7 text-gray-11 hover:border-gray-7 bg-transparent", - danger: "bg-red-7/10 text-red-11 hover:bg-red-7/20 border border-red-7/20", + primary: "bg-dls-accent text-white hover:bg-[var(--dls-accent-hover)] border border-transparent shadow-[0_1px_2px_rgba(17,24,39,0.12)]", + secondary: "bg-dls-surface text-dls-text hover:bg-dls-hover border border-dls-border", + ghost: "bg-transparent text-dls-secondary hover:text-dls-text hover:bg-dls-hover", + outline: "border border-dls-border text-dls-text hover:bg-dls-hover bg-transparent", + danger: "bg-red-3 text-red-11 hover:bg-red-4 border border-red-6", }; return ( diff --git a/packages/app/src/app/components/card.tsx b/packages/app/src/app/components/card.tsx index b61d97080..e5dc573ae 100644 --- a/packages/app/src/app/components/card.tsx +++ b/packages/app/src/app/components/card.tsx @@ -8,10 +8,10 @@ type CardProps = { export default function Card(props: CardProps) { return ( -
+
{props.title || props.actions ? ( -
-
{props.title}
+
+
{props.title}
{props.actions}
) : null} diff --git a/packages/app/src/app/components/model-picker-modal.tsx b/packages/app/src/app/components/model-picker-modal.tsx index e5b1b6cbe..5c7546359 100644 --- a/packages/app/src/app/components/model-picker-modal.tsx +++ b/packages/app/src/app/components/model-picker-modal.tsx @@ -133,18 +133,18 @@ export default function ModelPickerModal(props: ModelPickerModalProps) {
- + (searchInputRef = el)} type="text" value={props.query} onInput={(e) => props.setQuery(e.currentTarget.value)} placeholder={translate("settings.search_models")} - class="w-full bg-gray-1/40 border border-gray-6 rounded-xl py-2.5 pl-9 pr-3 text-sm text-gray-12 placeholder-gray-6 focus:outline-none focus:ring-1 focus:ring-gray-8 focus:border-gray-8" + class="w-full bg-dls-surface border border-dls-border rounded-xl py-2.5 pl-9 pr-3 text-sm text-dls-text placeholder:text-dls-secondary focus:outline-none focus:ring-1 focus:ring-[rgba(var(--dls-accent-rgb),0.2)] focus:border-dls-accent" />
-
+
{translate("settings.showing_models").replace("{count}", String(props.filteredOptions.length)).replace("{total}", String(props.options.length))}
diff --git a/packages/app/src/app/components/onboarding-workspace-selector.tsx b/packages/app/src/app/components/onboarding-workspace-selector.tsx index 84196f595..595a1434a 100644 --- a/packages/app/src/app/components/onboarding-workspace-selector.tsx +++ b/packages/app/src/app/components/onboarding-workspace-selector.tsx @@ -59,13 +59,13 @@ export default function OnboardingWorkspaceSelector(props: {
-
- +
+ setSelectedFolder(e.currentTarget.value)} placeholder={props.defaultPath} @@ -74,7 +74,7 @@ export default function OnboardingWorkspaceSelector(props: { type="button" onClick={handlePickFolder} disabled={pickingFolder()} - class="text-xs text-gray-6 hover:text-gray-10 transition-colors" + class="text-xs text-dls-secondary hover:text-dls-text transition-colors" > ${text} @@ -337,10 +337,10 @@ export default function PartView(props: Props) { [&_ul]:list-disc [&_ul]:pl-6 [&_ul]:my-3 [&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:my-3 [&_li]:my-1 - [&_blockquote]:border-l-4 [&_blockquote]:border-gray-300 [&_blockquote]:pl-4 [&_blockquote]:my-4 [&_blockquote]:italic + [&_blockquote]:border-l-4 [&_blockquote]:border-dls-border [&_blockquote]:pl-4 [&_blockquote]:my-4 [&_blockquote]:italic [&_table]:w-full [&_table]:border-collapse [&_table]:my-4 - [&_th]:border [&_th]:border-gray-300 [&_th]:p-2 [&_th]:bg-gray-50 - [&_td]:border [&_td]:border-gray-300 [&_td]:p-2 + [&_th]:border [&_th]:border-dls-border [&_th]:p-2 [&_th]:bg-dls-hover + [&_td]:border [&_td]:border-dls-border [&_td]:p-2 `.trim()} innerHTML={renderedMarkdown()!} /> diff --git a/packages/app/src/app/components/question-modal.tsx b/packages/app/src/app/components/question-modal.tsx index 4367e3105..ff0b2f892 100644 --- a/packages/app/src/app/components/question-modal.tsx +++ b/packages/app/src/app/components/question-modal.tsx @@ -183,15 +183,15 @@ export default function QuestionModal(props: QuestionModalProps) {
-
-