{groups.length === 0 &&
No groups yet.
}
{groups.map((g: Group) => (
-
+
- run(() => api.updateGroup({ ...g, name: e.target.value }))
- }
+ onChange={(e) => run(() => api.updateGroup({ ...g, name: e.target.value }))}
className={`${INPUT} h-[26px] w-full flex-1`}
/>
@@ -205,7 +348,7 @@ export default function Settings({ config, theme, onConfig, onTheme, onClose }:
title={`Delete ${g.name} — its apps stay, ungrouped`}
className={`${ICON_CHROME} hover:text-red-500!`}
>
-
+
))}
@@ -213,17 +356,11 @@ export default function Settings({ config, theme, onConfig, onTheme, onClose }:
-
+
@@ -242,9 +379,7 @@ export default function Settings({ config, theme, onConfig, onTheme, onClose }:
-
+
@@ -262,7 +397,7 @@ export default function Settings({ config, theme, onConfig, onTheme, onClose }:
>
It disappears from the nav and its view is closed. The session it holds for{" "}
{confirmDelete.url} is kept, so
- adding it back does not mean logging in again.
+ adding it back does not mean signing in again.
)}
diff --git a/src/components/TopBar.tsx b/src/components/TopBar.tsx
deleted file mode 100644
index b55e49f..0000000
--- a/src/components/TopBar.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ICON_CHROME } from "./ui";
-
-interface Props {
- url: string | null;
- appName: string | null;
- onBack: () => void;
- onForward: () => void;
- onReload: () => void;
- onOpenExternal: () => void;
-}
-
-/** Reserves the strip the macOS traffic lights sit in. */
-const TRAFFIC_LIGHTS = 78;
-
-function Icon({ d }: { d: string }) {
- return (
-
- );
-}
-
-/**
- * Browser chrome, kept to the four things a tabless app still needs. It spans
- * the whole window rather than sitting inside the stage, so the traffic lights
- * have somewhere to live no matter how narrow the nav gets.
- */
-export default function TopBar({
- url,
- appName,
- onBack,
- onForward,
- onReload,
- onOpenExternal,
-}: Props) {
- return (
-
- );
-}
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
new file mode 100644
index 0000000..5464fed
--- /dev/null
+++ b/src/components/icons.tsx
@@ -0,0 +1,36 @@
+/** One stroke weight, one size, one place to find them. */
+type Props = { className?: string };
+
+const S = ({ d, className = "size-4" }: { d: string } & Props) => (
+
+);
+
+export const Back = (p: Props) =>
;
+export const Forward = (p: Props) =>
;
+export const Reload = (p: Props) =>
;
+export const External = (p: Props) => (
+
+);
+export const EyeOff = (p: Props) => (
+
+);
+export const Trash = ({ className = "size-3.5" }: Props) => (
+
+);
+export const Cog = (p: Props) => (
+
+);
+export const Collapse = ({ open, className = "size-4" }: Props & { open: boolean }) => (
+
+);
diff --git a/src/components/ui.tsx b/src/components/ui.tsx
index 5928a3f..4077526 100644
--- a/src/components/ui.tsx
+++ b/src/components/ui.tsx
@@ -56,6 +56,16 @@ export const ICON_CHROME =
`${ICON_BTN} text-slate-500 hover:bg-slate-100 hover:text-slate-900 ` +
"dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-white";
+/** The only spinning thing in the app; used where a wait has no known length. */
+export function Spinner({ className = "size-4" }: { className?: string }) {
+ return (
+
+ );
+}
+
export function SectionHeading({ children }: { children: ReactNode }) {
return
{children}
;
}
diff --git a/src/types.ts b/src/types.ts
index 82a91b2..fa9cae5 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -5,6 +5,8 @@ export interface WorkApp {
scope: string[];
groupId: string | null;
userAgent: string | null;
+ /** CSS selectors this app hides on every page. */
+ hidden: string[];
order: number;
}
@@ -39,3 +41,22 @@ export interface UrlEvent {
appId: string;
url: string;
}
+
+export interface Browser {
+ id: string;
+ label: string;
+ available: boolean;
+}
+
+export interface PairResult {
+ imported: number;
+ domains: number;
+ domainNames: string[];
+ warnings: string[];
+}
+
+/** Rust recorded a selector the user right-clicked away. */
+export interface HiddenEvent {
+ appId: string;
+ selector: string;
+}