@dust-tt/sparkle 0.2.448 → 0.2.449-rc-samuel

package/dist/esm/contexts/CommandPaletteContext.js

@@ -0,0 +1,83 @@
+"use client";
+import { __read, __spreadArray } from "tslib";
+import React, { createContext, useCallback, useContext, useEffect, useState, } from "react";
+var CommandPaletteContext = createContext(undefined);
+export var CommandPaletteProvider = function (_a) {
+    var children = _a.children;
+    var _b = __read(useState([]), 2), commands = _b[0], setCommands = _b[1];
+    var _c = __read(useState(false), 2), isOpen = _c[0], setIsOpen = _c[1];
+    // Register a single command
+    var registerCommand = useCallback(function (command) {
+        setCommands(function (prevCommands) {
+            // Check if command with same ID already exists
+            var index = prevCommands.findIndex(function (c) { return c.id === command.id; });
+            if (index >= 0) {
+                // Replace existing command
+                var newCommands = __spreadArray([], __read(prevCommands), false);
+                newCommands[index] = command;
+                return newCommands;
+            }
+            // Add new command
+            return __spreadArray(__spreadArray([], __read(prevCommands), false), [command], false);
+        });
+    }, []);
+    // Register multiple commands at once
+    var registerCommands = useCallback(function (newCommands) {
+        setCommands(function (prevCommands) {
+            var commandMap = new Map(prevCommands.map(function (c) { return [c.id, c]; }));
+            // Update or add new commands
+            newCommands.forEach(function (command) {
+                commandMap.set(command.id, command);
+            });
+            return Array.from(commandMap.values());
+        });
+    }, []);
+    // Unregister a command by ID
+    var unregisterCommand = useCallback(function (commandId) {
+        setCommands(function (prevCommands) {
+            return prevCommands.filter(function (c) { return c.id !== commandId; });
+        });
+    }, []);
+    // Unregister commands by entity type
+    var unregisterCommandsByEntityType = useCallback(function (entityType) {
+        setCommands(function (prevCommands) {
+            return prevCommands.filter(function (c) { return c.entityType !== entityType; });
+        });
+    }, []);
+    // Unregister commands by entity ID
+    var unregisterCommandsByEntityId = useCallback(function (entityId) {
+        setCommands(function (prevCommands) {
+            return prevCommands.filter(function (c) { return c.entityId !== entityId; });
+        });
+    }, []);
+    // Handle keyboard shortcut
+    useEffect(function () {
+        var handleKeyDown = function (event) {
+            if ((event.metaKey || event.ctrlKey) && event.key === "k") {
+                event.preventDefault();
+                setIsOpen(function (prev) { return !prev; });
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return function () { return window.removeEventListener("keydown", handleKeyDown); };
+    }, []);
+    var contextValue = {
+        commands: commands,
+        isOpen: isOpen,
+        registerCommand: registerCommand,
+        registerCommands: registerCommands,
+        unregisterCommand: unregisterCommand,
+        unregisterCommandsByEntityType: unregisterCommandsByEntityType,
+        unregisterCommandsByEntityId: unregisterCommandsByEntityId,
+        setOpen: setIsOpen,
+    };
+    return (React.createElement(CommandPaletteContext.Provider, { value: contextValue }, children));
+};
+export var useCommandPaletteContext = function () {
+    var context = useContext(CommandPaletteContext);
+    if (context === undefined) {
+        throw new Error("useCommandPaletteContext must be used within a CommandPaletteProvider");
+    }
+    return context;
+};
+//# sourceMappingURL=CommandPaletteContext.js.map

package/dist/esm/contexts/CommandPaletteContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteContext.js","sourceRoot":"","sources":["../../../src/contexts/CommandPaletteContext.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useCommandPalette.d.ts

@@ -0,0 +1,27 @@
+import { Command } from "../contexts/CommandPaletteContext";
+interface UseCommandPaletteProps {
+    commands?: Command[];
+    entityType?: string;
+    entityId?: string;
+}
+/**
+ * Hook for interacting with the command palette
+ *
+ * Optionally register commands when the component mounts and
+ * automatically unregister them when the component unmounts.
+ */
+export declare const useCommandPalette: (props?: UseCommandPaletteProps) => {
+    commands: Command[];
+    isOpen: boolean;
+    registerCommand: (command: Command) => void;
+    registerCommands: (commands: Command[]) => void;
+    unregisterCommand: (commandId: string) => void;
+    unregisterCommandsByEntityType: (entityType: string) => void;
+    unregisterCommandsByEntityId: (entityId: string) => void;
+    openCommandPalette: () => void;
+    closeCommandPalette: () => void;
+    toggleCommandPalette: () => void;
+    setOpen: (isOpen: boolean) => void;
+};
+export {};
+//# sourceMappingURL=useCommandPalette.d.ts.map

package/dist/esm/hooks/useCommandPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommandPalette.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCommandPalette.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,OAAO,EAER,MAAM,mCAAmC,CAAC;AAE3C,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,WAAY,sBAAsB;;;;;;;;;;;;CAiE/D,CAAC"}

package/dist/esm/hooks/useCommandPalette.js

@@ -0,0 +1,62 @@
+"use client";
+import { useEffect } from "react";
+import { useCommandPaletteContext, } from "../contexts/CommandPaletteContext";
+/**
+ * Hook for interacting with the command palette
+ *
+ * Optionally register commands when the component mounts and
+ * automatically unregister them when the component unmounts.
+ */
+export var useCommandPalette = function (props) {
+    var _a = useCommandPaletteContext(), allCommands = _a.commands, isOpen = _a.isOpen, registerCommand = _a.registerCommand, registerCommands = _a.registerCommands, unregisterCommand = _a.unregisterCommand, unregisterCommandsByEntityType = _a.unregisterCommandsByEntityType, unregisterCommandsByEntityId = _a.unregisterCommandsByEntityId, setOpen = _a.setOpen;
+    // Register commands on mount, unregister on unmount
+    useEffect(function () {
+        var _a;
+        if ((_a = props === null || props === void 0 ? void 0 : props.commands) === null || _a === void 0 ? void 0 : _a.length) {
+            registerCommands(props.commands);
+        }
+        return function () {
+            // Clean up commands when component unmounts
+            if (props === null || props === void 0 ? void 0 : props.entityType) {
+                unregisterCommandsByEntityType(props.entityType);
+            }
+            if (props === null || props === void 0 ? void 0 : props.entityId) {
+                unregisterCommandsByEntityId(props.entityId);
+            }
+            if (props === null || props === void 0 ? void 0 : props.commands) {
+                props.commands.forEach(function (command) {
+                    unregisterCommand(command.id);
+                });
+            }
+        };
+    }, [
+        props === null || props === void 0 ? void 0 : props.commands,
+        props === null || props === void 0 ? void 0 : props.entityType,
+        props === null || props === void 0 ? void 0 : props.entityId,
+        registerCommands,
+        unregisterCommand,
+        unregisterCommandsByEntityType,
+        unregisterCommandsByEntityId,
+    ]);
+    // Utility functions
+    var openCommandPalette = function () { return setOpen(true); };
+    var closeCommandPalette = function () { return setOpen(false); };
+    var toggleCommandPalette = function () { return setOpen(!isOpen); };
+    return {
+        // State
+        commands: allCommands,
+        isOpen: isOpen,
+        // Register/unregister methods
+        registerCommand: registerCommand,
+        registerCommands: registerCommands,
+        unregisterCommand: unregisterCommand,
+        unregisterCommandsByEntityType: unregisterCommandsByEntityType,
+        unregisterCommandsByEntityId: unregisterCommandsByEntityId,
+        // Open/close controls
+        openCommandPalette: openCommandPalette,
+        closeCommandPalette: closeCommandPalette,
+        toggleCommandPalette: toggleCommandPalette,
+        setOpen: setOpen,
+    };
+};
+//# sourceMappingURL=useCommandPalette.js.map

package/dist/esm/hooks/useCommandPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommandPalette.js","sourceRoot":"","sources":["../../../src/hooks/useCommandPalette.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAEL,wBAAwB,GACzB,MAAM,mCAAmC,CAAC;AAQ3C;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAA8B;IACxD,IAAA,KASF,wBAAwB,EAAE,EARlB,WAAW,cAAA,EACrB,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,8BAA8B,oCAAA,EAC9B,4BAA4B,kCAAA,EAC5B,OAAO,aACqB,CAAC;IAE/B,oDAAoD;IACpD,SAAS,CAAC;;QACR,IAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,MAAM,EAAE,CAAC;YAC5B,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC;QAED,OAAO;YACL,4CAA4C;YAC5C,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAE,CAAC;gBACtB,8BAA8B,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACnD,CAAC;YACD,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,CAAC;gBACpB,4BAA4B,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC/C,CAAC;YACD,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,CAAC;gBACpB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAC,OAAO;oBAC7B,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBAChC,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;QACf,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACjB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;QACf,gBAAgB;QAChB,iBAAiB;QACjB,8BAA8B;QAC9B,4BAA4B;KAC7B,CAAC,CAAC;IAEH,oBAAoB;IACpB,IAAM,kBAAkB,GAAG,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,CAAC;IAC/C,IAAM,mBAAmB,GAAG,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,CAAC;IACjD,IAAM,oBAAoB,GAAG,cAAM,OAAA,OAAO,CAAC,CAAC,MAAM,CAAC,EAAhB,CAAgB,CAAC;IAEpD,OAAO;QACL,QAAQ;QACR,QAAQ,EAAE,WAAW;QACrB,MAAM,QAAA;QAEN,8BAA8B;QAC9B,eAAe,iBAAA;QACf,gBAAgB,kBAAA;QAChB,iBAAiB,mBAAA;QACjB,8BAA8B,gCAAA;QAC9B,4BAA4B,8BAAA;QAE5B,sBAAsB;QACtB,kBAAkB,oBAAA;QAClB,mBAAmB,qBAAA;QACnB,oBAAoB,sBAAA;QACpB,OAAO,SAAA;KACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/Notification.stories.js

@@ -25,6 +25,13 @@ var NotificationExample = function () {
                     description: "Something went wrong",
                     type: "error",
                 });
-            }, label: "Show Error" })));
+            }, label: "Show Error" }),
+        React.createElement(Button, { onClick: function () {
+                return sendNotification({
+                    title: "Info",
+                    description: "Some information",
+                    type: "info",
+                });
+            }, label: "Show Info" })));
 };
 //# sourceMappingURL=Notification.stories.js.map

package/dist/esm/stories/Notification.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","sourceRoot":"","sources":["../../../src/stories/Notification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE7D,IAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,sBAAsB;CACM,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,OAAO,CACL,oBAAC,YAAY,CAAC,IAAI;QAChB,oBAAC,mBAAmB,OAAG,CACL,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG;IAC1B,IAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,MAAM,IACL,OAAO,EAAE;gBACP,OAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,kCAAkC;oBAC/C,IAAI,EAAE,SAAS;iBAChB,CAAC;YAJF,CAIE,EAEJ,KAAK,EAAC,cAAc,GACpB;QACF,oBAAC,MAAM,IACL,OAAO,EAAE;gBACP,OAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,OAAO;oBACd,WAAW,EAAE,sBAAsB;oBACnC,IAAI,EAAE,OAAO;iBACd,CAAC;YAJF,CAIE,EAEJ,KAAK,EAAC,YAAY,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Notification.stories.js","sourceRoot":"","sources":["../../../src/stories/Notification.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE7D,IAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,sBAAsB;CACM,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,OAAO,CACL,oBAAC,YAAY,CAAC,IAAI;QAChB,oBAAC,mBAAmB,OAAG,CACL,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG;IAC1B,IAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,MAAM,IACL,OAAO,EAAE;gBACP,OAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,kCAAkC;oBAC/C,IAAI,EAAE,SAAS;iBAChB,CAAC;YAJF,CAIE,EAEJ,KAAK,EAAC,cAAc,GACpB;QACF,oBAAC,MAAM,IACL,OAAO,EAAE;gBACP,OAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,OAAO;oBACd,WAAW,EAAE,sBAAsB;oBACnC,IAAI,EAAE,OAAO;iBACd,CAAC;YAJF,CAIE,EAEJ,KAAK,EAAC,YAAY,GAClB;QACF,oBAAC,MAAM,IACL,OAAO,EAAE;gBACP,OAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,MAAM;oBACb,WAAW,EAAE,kBAAkB;oBAC/B,IAAI,EAAE,MAAM;iBACb,CAAC;YAJF,CAIE,EAEJ,KAAK,EAAC,WAAW,GACjB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/SamsCommandPalette.stories.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement> | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        label?: string | undefined;
+        shouldFilter?: boolean | undefined;
+        filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
+        defaultValue?: string | undefined;
+        value?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        loop?: boolean | undefined;
+        disablePointerSelection?: boolean | undefined;
+        vimBindings?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare function SimpleExample(): React.JSX.Element;
+export declare function EntitySpecificCommands(): React.JSX.Element;
+//# sourceMappingURL=SamsCommandPalette.stories.d.ts.map

package/dist/esm/stories/SamsCommandPalette.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SamsCommandPalette.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/SamsCommandPalette.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgBxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,aAAa,sBAS5B;AAGD,wBAAgB,sBAAsB,sBAMrC"}

package/dist/esm/stories/SamsCommandPalette.stories.js

@@ -0,0 +1,100 @@
+import { __read } from "tslib";
+import React, { useState } from "react";
+import { CodeBlock, Icon, Label, RadioGroup, RadioGroupItem, } from "../components";
+import { SamsCommand } from "../components/SamsCommandPalette";
+import { useCommandPalette } from "../hooks/useCommandPalette";
+import { FolderIcon } from "../icons";
+import { AppCommandPalette } from "../components/AppCommandPalette";
+var meta = {
+    title: "Primitives/Sam's CommandPalette",
+    component: SamsCommand,
+};
+export default meta;
+export function SimpleExample() {
+    return (React.createElement(AppCommandPalette, null,
+        React.createElement(Label, null,
+            "Press ",
+            React.createElement(CodeBlock, { inline: true }, "\u2318 K"),
+            " to open the command palette"),
+        React.createElement(SamsCommand, null)));
+}
+// Example with entity-specific commands
+export function EntitySpecificCommands() {
+    return (React.createElement(AppCommandPalette, null,
+        React.createElement(EntitySelector, null)));
+}
+// Predefined entity commands - moved outside component to avoid recreation
+var entity1Commands = [
+    {
+        id: "entity1.actionA",
+        label: "Action A",
+        category: "Entity 1",
+        entityType: "entity1",
+        action: function () {
+            window.alert("Executing Action A for Entity 1");
+        },
+        priority: 0,
+    },
+    {
+        id: "entity1.actionB",
+        label: "Action B",
+        category: "Entity 1",
+        entityType: "entity1",
+        action: function () {
+            window.alert("Executing Action B for Entity 1");
+        },
+        priority: 1,
+    },
+];
+var entity2Commands = [
+    {
+        id: "entity2.actionC.warning",
+        label: "Action C",
+        category: "Entity 2",
+        entityType: "entity2",
+        action: function () {
+            window.alert("Executing Action C for Entity 2");
+        },
+        priority: 0,
+    },
+    {
+        id: "entity2.actionD",
+        label: "Action D",
+        icon: React.createElement(Icon, { visual: FolderIcon }),
+        category: "Entity 2",
+        entityType: "entity2",
+        action: function () {
+            window.alert("Executing Action D for Entity 2");
+        },
+        priority: 1,
+    },
+];
+// Component to demonstrate entity selection and entity-specific commands
+function EntitySelector() {
+    var _a = useCommandPalette(), registerCommands = _a.registerCommands, unregisterCommandsByEntityType = _a.unregisterCommandsByEntityType;
+    var _b = __read(useState(), 2), currentEntity = _b[0], setCurrentEntity = _b[1];
+    // Default to entity 1 commands
+    function handleEntityChange(newEntity) {
+        setCurrentEntity(function (previous) {
+            if (previous) {
+                unregisterCommandsByEntityType(previous);
+            }
+            registerCommands(newEntity === "entity1" ? entity1Commands : entity2Commands);
+            return newEntity;
+        });
+    }
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
+            React.createElement(Label, null, "Current Entity"),
+            React.createElement("div", { className: "s-flex s-gap-4" },
+                React.createElement(RadioGroup, { value: currentEntity, onValueChange: handleEntityChange },
+                    React.createElement(RadioGroupItem, { value: "entity1", label: "Entity 1" }),
+                    React.createElement(RadioGroupItem, { value: "entity2", label: "Entity 2" })))),
+        React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
+            React.createElement(Label, null, "Command Palette"),
+            React.createElement("p", { className: "s-text-sm s-text-muted-foreground" },
+                "Press ",
+                React.createElement(CodeBlock, { inline: true }, "\u2318 K"),
+                " to open the command palette. The commands change based on the selected entity."))));
+}
+//# sourceMappingURL=SamsCommandPalette.stories.js.map

package/dist/esm/stories/SamsCommandPalette.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SamsCommandPalette.stories.js","sourceRoot":"","sources":["../../../src/stories/SamsCommandPalette.stories.tsx"],"names":[],"mappings":"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"}

package/dist/sparkle.css

@@ -1442,6 +1442,10 @@ select {
   max-height: 18rem;
 }
 
+.s-max-h-\[300px\] {
+  max-height: 300px;
+}
+
 .s-max-h-\[500px\] {
   max-height: 500px;
 }
@@ -2284,6 +2288,11 @@ select {
   border-radius: 0.75rem;
 }
 
+.s-rounded-b-xl {
+  border-bottom-right-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
 .s-rounded-l-none {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
@@ -4362,6 +4371,10 @@ select {
      object-position: center;
 }
 
+.s-p-0 {
+  padding: 0px;
+}
+
 .s-p-1 {
   padding: 0.25rem;
 }
@@ -4509,6 +4522,11 @@ select {
   padding-bottom: 1rem;
 }
 
+.s-py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 .s-py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
@@ -5055,6 +5073,11 @@ select {
   color: rgb(255 170 13 / var(--tw-text-opacity));
 }
 
+.s-text-info-600 {
+  --tw-text-opacity: 1;
+  color: rgb(254 156 26 / var(--tw-text-opacity));
+}
+
 .s-text-info-800 {
   --tw-text-opacity: 1;
   color: rgb(175 85 17 / var(--tw-text-opacity));
@@ -6311,6 +6334,10 @@ select {
   opacity: 0.7;
 }
 
+.data-\[disabled\=true\]\:s-pointer-events-none[data-disabled=true] {
+  pointer-events: none;
+}
+
 .data-\[disabled\]\:s-pointer-events-none[data-disabled] {
   pointer-events: none;
 }
@@ -6374,6 +6401,16 @@ select {
   border-color: rgb(42 50 65 / var(--tw-border-opacity));
 }
 
+.data-\[selected\=true\]\:s-bg-muted-background[data-selected=true] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
+}
+
+.data-\[selected\=true\]\:s-bg-warning-50[data-selected=true] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 247 / var(--tw-bg-opacity));
+}
+
 .data-\[state\=checked\]\:s-bg-primary[data-state=checked] {
   --tw-bg-opacity: 1;
   background-color: rgb(42 50 65 / var(--tw-bg-opacity));
@@ -6394,6 +6431,16 @@ select {
   color: rgb(150 156 165 / var(--tw-text-opacity));
 }
 
+.data-\[selected\=true\]\:s-text-foreground[data-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(17 20 24 / var(--tw-text-opacity));
+}
+
+.data-\[selected\=true\]\:s-text-warning-500[data-selected=true] {
+  --tw-text-opacity: 1;
+  color: rgb(225 67 34 / var(--tw-text-opacity));
+}
+
 .data-\[state\=checked\]\:s-text-white[data-state=checked] {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -6404,6 +6451,10 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.data-\[disabled\=true\]\:s-opacity-50[data-disabled=true] {
+  opacity: 0.5;
+}
+
 .data-\[state\=closed\]\:s-duration-300[data-state=closed] {
   transition-duration: 300ms;
 }
@@ -8836,6 +8887,11 @@ select {
   color: rgb(238 242 255 / var(--tw-text-opacity));
 }
 
+:is(.s-dark .dark\:s-text-info-400-night) {
+  --tw-text-opacity: 1;
+  color: rgb(254 156 26 / var(--tw-text-opacity));
+}
+
 :is(.s-dark .dark\:s-text-info-500-night) {
   --tw-text-opacity: 1;
   color: rgb(255 170 13 / var(--tw-text-opacity));
@@ -9561,3 +9617,83 @@ select {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+
+.\[\&_\[cmdk-group-heading\]\]\:s-p-2 [cmdk-group-heading] {
+  padding: 0.5rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:s-px-2 [cmdk-group-heading] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:s-py-1\.5 [cmdk-group-heading] {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:s-text-xs [cmdk-group-heading] {
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: normal;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:s-font-medium [cmdk-group-heading] {
+  font-weight: 500;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:s-text-muted-foreground [cmdk-group-heading] {
+  --tw-text-opacity: 1;
+  color: rgb(84 93 108 / var(--tw-text-opacity));
+}
+
+.\[\&_\[cmdk-group-items\]\]\:s-pb-1 [cmdk-group-items] {
+  padding-bottom: 0.25rem;
+}
+
+.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:s-pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
+  padding-top: 0px;
+}
+
+.\[\&_\[cmdk-group\]\]\:s-px-2 [cmdk-group] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:s-h-5 [cmdk-input-wrapper] svg {
+  height: 1.25rem;
+}
+
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:s-w-5 [cmdk-input-wrapper] svg {
+  width: 1.25rem;
+}
+
+.\[\&_\[cmdk-input\]\]\:s-h-12 [cmdk-input] {
+  height: 3rem;
+}
+
+.\[\&_\[cmdk-item\]\]\:s-px-2 [cmdk-item] {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\[cmdk-item\]\]\:s-py-3 [cmdk-item] {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.\[\&_\[cmdk-item\]_svg\]\:s-h-5 [cmdk-item] svg {
+  height: 1.25rem;
+}
+
+.\[\&_\[cmdk-item\]_svg\]\:s-w-5 [cmdk-item] svg {
+  width: 1.25rem;
+}
+
+.\[\&_svg\]\:s-pointer-events-none svg {
+  pointer-events: none;
+}
+
+.\[\&_svg\]\:s-shrink-0 svg {
+  flex-shrink: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.448",
+  "version": "0.2.449-rc-samuel",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
@@ -117,6 +117,7 @@
     "@tanstack/react-table": "^8.13.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "emoji-mart": "^5.5.2",
     "lottie-react": "^2.4.0",
     "lottie-web": "^5.12.2",

package/src/components/AppCommandPalette.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import React, { useMemo } from "react";
+
+import { CommandPaletteProvider } from "../contexts/CommandPaletteContext";
+import { useCommandPalette } from "../hooks/useCommandPalette";
+import { CommandPalette } from "./CommandPalette";
+
+interface AppCommandPaletteProps {
+  children: React.ReactNode;
+}
+
+function GlobalCommands() {
+  const globalCommands = useMemo(
+    () => [
+      {
+        id: "global.help",
+        label: "Help",
+        shortcut: "?",
+        category: "System",
+        action: () => {
+          window.alert("Help requested");
+        },
+        priority: 0,
+      },
+      {
+        id: "global.settings",
+        label: "Settings",
+        category: "System",
+        action: () => {
+          window.alert("Navigate to settings");
+        },
+        priority: 0,
+      },
+      // Add more global commands here
+    ],
+    []
+  );
+
+  // Register global commands
+  useCommandPalette({ commands: globalCommands });
+
+  return null;
+}
+
+/**
+ * AppCommandPalette - Provides the command palette context to the entire app
+ * and initializes it with global commands
+ */
+export function AppCommandPalette({ children }: AppCommandPaletteProps) {
+  return (
+    <CommandPaletteProvider>
+      <GlobalCommands />
+      <CommandPalette />
+      {children}
+    </CommandPaletteProvider>
+  );
+}