@hanzo/build 0.2.63 → 0.2.64

package/lib/plugins/slides.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Presentations: while it is on, a message makes a deck in Hanzo Studio (the
+ * `slides` template, a PowerPoint file) and the answer is the deck: its outline,
+ * the file, and the run in Studio, where it is edited. A later message in the
+ * same conversation revises the last deck rather than starting over.
+ */
+import { Presentation } from '@hanzogui/lucide-icons-2';
+import { json } from '../api/chat.js';
+import { make } from '../api/studio.js';
+/** The last deck each conversation made: what a later message revises. */
+const decks = new Map();
+/** What a deck's writing step said: its title and its slides' titles. */
+export function outline(text) {
+    const o = json(text) ?? {};
+    const slides = (Array.isArray(o.slides) ? o.slides : [])
+        .map((s) => (s && typeof s === 'object' ? s.title : ''))
+        .map((t) => (typeof t === 'string' ? t.trim() : ''))
+        .filter(Boolean);
+    return { title: typeof o.title === 'string' ? o.title.trim() : '', slides };
+}
+/** The brief a revision is made from: the deck as it stands, then the change asked for. */
+export function revision(last, ask) {
+    return `Revise this deck. Keep what the change does not touch.\n\nThe deck as it stands:\n${last.text.trim()}\n\nThe change:\n${ask}`;
+}
+/** The answer a made deck is: its outline, the file, and where it is edited. */
+export function told(r) {
+    const { title, slides } = outline(r.text);
+    const file = r.outputs[0];
+    const head = `**${title || r.title || 'Your deck'}**${slides.length ? ` — ${slides.length} slides` : ''}`;
+    const links = [
+        file?.url ? `[Download the deck](${file.url}) (PowerPoint; the link works for an hour)` : '',
+        file?.origin ? `[Open it in Studio](${file.origin}) to edit it` : '',
+    ].filter(Boolean);
+    const list = slides.map((s, i) => `${i + 1}. ${s}`).join('\n');
+    return [head, links.join(' · '), list, 'It is kept in your Library.'].filter(Boolean).join('\n\n');
+}
+export async function deck(turn, t, signal) {
+    const ask = turn.text.trim();
+    if (!ask)
+        return {};
+    const last = turn.thread ? decks.get(turn.thread) : undefined;
+    const r = await make(t, { template: 'slides', title: ask.slice(0, 80), input: { brief: last ? revision(last, ask) : ask, format: 'pptx' } }, signal);
+    if (turn.thread)
+        decks.set(turn.thread, r);
+    return { reply: told(r) };
+}
+export const slides = {
+    id: 'slides',
+    name: 'Presentations',
+    note: 'Create and edit decks',
+    icon: _jsx(Presentation, { size: 16 }),
+    prepare: (turn, c, signal) => deck(turn, c.target, signal),
+};

package/lib/plugins/template.d.ts

@@ -0,0 +1,13 @@
+import type { Plugin } from '../plugin.ts';
+export interface Draft {
+    name: string;
+    description: string;
+    body: string;
+}
+/** A skill's name from any words: one lowercase segment of letters, digits and hyphens. */
+export declare function slug(text: string): string;
+/** What a model's draft says, each part the ask's own where the draft has none. */
+export declare function drafted(said: string, draft: string): Draft;
+/** The SKILL.md a template is saved as: its name and description up front, then the template. */
+export declare function document(d: Draft): string;
+export declare const template: Plugin;

package/lib/plugins/template.js

@@ -0,0 +1,92 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Template Creator: the ask in the composer, saved as a reusable template — one
+ * of the org's own skills (POST /v1/tool/skills), switched on as it is saved so
+ * it is under `+` › Skills from then on. A Hanzo model drafts the template from
+ * the ask (its inputs as {{placeholders}}); the person reads and edits it before
+ * it is saved. Writing a skill takes an org admin, so only an admin is offered it.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { LayoutTemplate } from '@hanzogui/lucide-icons-2';
+import { Button, Dialog, DialogContent, DialogDescription, DialogTitle, Input, Textarea } from '@hanzo/ui';
+import { useEffect, useState } from 'react';
+import { ask, json } from '../api/chat.js';
+import { NAME, refuse, tool, write } from '../api/skills.js';
+import { toggle } from '../api/tools.js';
+import { say } from '../customize/say.js';
+const DRAFT = `Turn the person's request into a reusable template, saved as a skill an agent follows. Answer only JSON: {"name": "a short lowercase-hyphenated name", "description": "one line: when to use it", "body": "markdown, under 250 words: what it is for, the inputs it needs written as {{placeholders}}, then the steps"}.`;
+/** A skill's name from any words: one lowercase segment of letters, digits and hyphens. */
+export function slug(text) {
+    const s = text
+        .toLowerCase()
+        .normalize('NFKD')
+        .replace(/[̀-ͯ]/g, '')
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .slice(0, 48)
+        .replace(/-+$/, '');
+    return NAME.test(s) ? s : 'template';
+}
+/** The first line of a text, cut to a line's length. */
+const first = (text) => (text.trim().split('\n')[0] ?? '').slice(0, 160).trim();
+/** What a model's draft says, each part the ask's own where the draft has none. */
+export function drafted(said, draft) {
+    const o = json(said) ?? {};
+    const str = (v) => (typeof v === 'string' ? v.trim() : '');
+    return {
+        name: slug(str(o.name) || draft.split(/\s+/).slice(0, 6).join(' ')),
+        description: first(str(o.description) || draft),
+        body: str(o.body) || draft.trim(),
+    };
+}
+/** The SKILL.md a template is saved as: its name and description up front, then the template. */
+export function document(d) {
+    return `---\nname: ${d.name}\ndescription: ${JSON.stringify(d.description.replace(/\s+/g, ' ').trim())}\n---\n\n${d.body.trim()}\n`;
+}
+function Creator({ c }) {
+    const from = c.draft.trim();
+    const [d, setD] = useState({ name: from ? slug(from.split(/\s+/).slice(0, 6).join(' ')) : '', description: first(from), body: from });
+    const [drafting, setDrafting] = useState(Boolean(from));
+    const [busy, setBusy] = useState(false);
+    const [note, setNote] = useState('');
+    const [saved, setSaved] = useState('');
+    useEffect(() => {
+        if (!from)
+            return;
+        const stop = new AbortController();
+        ask(c.target, DRAFT, from, stop.signal, 2000)
+            .then((said) => setD(drafted(said, from)))
+            .catch(() => undefined)
+            .finally(() => setDrafting(false));
+        return () => stop.abort();
+    }, [c.target, from]);
+    const save = async () => {
+        const content = document(d);
+        const why = refuse({ name: d.name, content });
+        if (why) {
+            setNote(why);
+            return;
+        }
+        setBusy(true);
+        setNote('');
+        try {
+            const s = await write(c.target, { name: d.name, description: d.description, content });
+            await toggle(c.target, [tool(s.name)]);
+            setSaved(s.name);
+        }
+        catch (e) {
+            setNote(say(e));
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsx(Dialog, { open: true, onOpenChange: (o) => !o && c.show(null), children: _jsxs(DialogContent, { maxW: 640, width: "100%", children: [_jsx(DialogTitle, { children: "Template Creator" }), _jsx(DialogDescription, { children: saved ? `Saved as ${saved}. It is under + › Skills.` : drafting ? 'Hanzo is drafting the template from your message…' : 'A reusable template, saved as one of your skills.' }), saved ? null : (_jsxs(YStack, { gap: "$3", children: [_jsx(Input, { value: d.name, onChangeText: (name) => setD({ ...d, name }), placeholder: "weekly-update", "aria-label": "Name", autoCapitalize: "none" }), _jsx(Input, { value: d.description, onChangeText: (description) => setD({ ...d, description }), placeholder: "When to use it", "aria-label": "Description" }), _jsx(Textarea, { value: d.body, onChangeText: (body) => setD({ ...d, body }), placeholder: '# Weekly update\n\nInputs: {{team}}, {{week}}\n\n1. …', "aria-label": "Template", rows: 12, style: { maxHeight: '40vh', overflowY: 'auto' } })] })), note ? (_jsx(SizableText, { size: "$2", color: "$soft", role: "status", children: note })) : null, _jsx(XStack, { gap: "$2", justify: "flex-end", children: saved ? (_jsx(Button, { size: "sm", onPress: () => c.show(null), children: "Done" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", variant: "ghost", onPress: () => c.show(null), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: busy || drafting || !d.name || !d.body.trim(), onPress: () => void save(), children: "Save" })] })) })] }) }));
+}
+export const template = {
+    id: 'template',
+    name: 'Template Creator',
+    note: 'Templates saved as skills',
+    icon: _jsx(LayoutTemplate, { size: 16 }),
+    open: (c) => c.show(_jsx(Creator, { c: c })),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.63",
+  "version": "0.2.64",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",