better-cmdk 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -27
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -37,36 +37,32 @@ Add the required CSS variables to your global styles:
|
|
|
37
37
|
|
|
38
38
|
```css
|
|
39
39
|
:root {
|
|
40
|
-
--
|
|
41
|
-
--
|
|
42
|
-
--
|
|
43
|
-
--popover
|
|
44
|
-
--
|
|
45
|
-
--primary
|
|
46
|
-
--
|
|
47
|
-
--muted
|
|
48
|
-
--
|
|
49
|
-
--
|
|
50
|
-
--
|
|
51
|
-
--
|
|
52
|
-
--ring: 240 5.9% 10%;
|
|
53
|
-
--radius: 0.5rem;
|
|
40
|
+
--radius: 0.625rem;
|
|
41
|
+
--background: oklch(1 0 0);
|
|
42
|
+
--foreground: oklch(0.145 0 0);
|
|
43
|
+
--popover: oklch(1 0 0);
|
|
44
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
45
|
+
--primary: oklch(0.205 0 0);
|
|
46
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
47
|
+
--muted: oklch(0.97 0 0);
|
|
48
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
49
|
+
--border: oklch(0.922 0 0);
|
|
50
|
+
--input: oklch(0.922 0 0);
|
|
51
|
+
--ring: oklch(0.708 0 0);
|
|
54
52
|
}
|
|
55
53
|
|
|
56
54
|
@theme inline {
|
|
57
|
-
--color-background:
|
|
58
|
-
--color-foreground:
|
|
59
|
-
--color-popover:
|
|
60
|
-
--color-popover-foreground:
|
|
61
|
-
--color-primary:
|
|
62
|
-
--color-primary-foreground:
|
|
63
|
-
--color-muted:
|
|
64
|
-
--color-muted-foreground:
|
|
65
|
-
--color-
|
|
66
|
-
--color-
|
|
67
|
-
--color-
|
|
68
|
-
--color-input: hsl(var(--input));
|
|
69
|
-
--color-ring: hsl(var(--ring));
|
|
55
|
+
--color-background: var(--background);
|
|
56
|
+
--color-foreground: var(--foreground);
|
|
57
|
+
--color-popover: var(--popover);
|
|
58
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
59
|
+
--color-primary: var(--primary);
|
|
60
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
61
|
+
--color-muted: var(--muted);
|
|
62
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
63
|
+
--color-border: var(--border);
|
|
64
|
+
--color-input: var(--input);
|
|
65
|
+
--color-ring: var(--ring);
|
|
70
66
|
}
|
|
71
67
|
```
|
|
72
68
|
|
|
@@ -196,6 +192,10 @@ Enable the built-in AI chat by providing either a `chatEndpoint` or an external
|
|
|
196
192
|
|
|
197
193
|
Users can switch to chat mode via `⌘ Enter` or by selecting the "Ask AI" item.
|
|
198
194
|
|
|
195
|
+
### AI Actions
|
|
196
|
+
|
|
197
|
+
When you connect an external chat provider like [modifywithai](https://modifywithai.com), the AI agent can invoke actions on behalf of the user — with approval gates so users stay in control. You define actions through your provider's SDK and pass them via the `chat` prop. See the [modifywithai docs](https://modifywithai.com/docs/concepts/actions) for setup.
|
|
198
|
+
|
|
199
199
|
## Advanced: Custom Children
|
|
200
200
|
|
|
201
201
|
For full control over the command list rendering, you can pass children instead of `commands`. This approach is compatible with shadcn/ui patterns if you're migrating from an existing setup.
|