clavarium-binder 0.1.2 → 0.1.3-next.1

package/docs/protocol.md

@@ -78,9 +78,17 @@ An agent at the limit is refused, and told the number.
     const k = keeper(storeDir, { sides: () => [{ dir, who }] });
     setInterval(() => k.pump(), 1000);      // answer the agents
     k.act(op, args, person);                // a person's change: { ok, text, data }
-    k.due();                                // records whose due time came: tell their owners
+    k.due();                                // records whose due time came: tell their owners (below)
     k.store.onChange((line) => ...);        // every change, as the log says it
 
+What is due: `k.due()` gives `[{ record, list }]`, each record whose due time
+came -- a date alone at 09:00, a date and time at that time, by the keeper's
+clock (`now`) in its local time -- not archived, in a list not archived, in a
+state not done. Each is given once per due time: the store keeps it
+(`told`, in state.json), so a restart does not give it again; a due date
+changed gives it again when the new time comes. Call it every minute or so,
+and tell its `owners` as the application does.
+
 And the screen: `mount(element, { call, words, lang, people, picture, openAttached })`
 from `clavarium-binder/ui`, with `ui/binder-ui.css` and `ui/texts/*.json`.
 It gives back `refresh()`, `destroy()`, and `open(id)`: one record shown

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clavarium-binder",
-  "version": "0.1.2",
+  "version": "0.1.3-next.1",
   "description": "Clavarium Binder: lists of records kept together by people and AI agents, each with its id (a command and an MCP server for agents, a keeper and a screen for the application). No dependency.",
   "license": "MIT",
   "homepage": "https://github.com/clavarium/clavarium-binder#readme",

package/server/binder.mjs

@@ -23,7 +23,7 @@ import { fileURLToPath } from 'node:url';
 import { randomUUID } from 'node:crypto';
 import { createInterface } from 'node:readline';
 
-export const VERSION = '0.1.2';
+export const VERSION = '0.1.3-next.1';
 export const FOLDER = '.binder';
 /* How long an ask waits for its answer. The keeper answers within a second or two. */
 export const WAIT_MS = 20_000;

package/ui/binder-ui.css

@@ -37,7 +37,8 @@
 .binder-owners { display: flex; gap: .35rem; flex-wrap: wrap; }
 .binder-pop { position: relative; }
 .binder-dots { font-weight: 700; letter-spacing: .05em; padding: .4em .75em; line-height: 1.15; }
-.binder-menu-end { left: auto; right: 0; }
+/* Opened from the end of a row: it opens leftwards (the rule after .binder-menu once put it back at left: 0, past the screen). */
+.binder-menu.binder-menu-end { left: auto; right: 0; }
 .binder-primary { background: var(--binder-action); color: var(--binder-on-action) !important; border: 1px solid var(--binder-action); border-radius: 8px; padding: .45em 1em; font-weight: 600; }
 .binder-ghost { background: var(--binder-panel); border: 1px solid var(--binder-line); border-radius: 8px; padding: .45em .9em; }
 .binder-danger { background: var(--binder-danger); color: var(--binder-bg) !important; border: 0; border-radius: 8px; padding: .45em .9em; font-weight: 600; }
@@ -67,7 +68,7 @@
 .binder-pill[data-gate] { color: var(--binder-ask); border-color: var(--binder-ask); }
 
 /* As columns, one per state. */
-.binder-cols { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(14rem, 1fr); gap: .8rem; overflow-x: auto; min-height: 0; padding-bottom: .3rem; }
+.binder-cols { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(11.5rem, 1fr); gap: .8rem; overflow-x: auto; min-height: 0; padding-bottom: .3rem; }
 .binder-col { background: var(--binder-panel); border: 1px solid var(--binder-line); border-radius: var(--binder-radius); padding: .6rem; display: flex; flex-direction: column; gap: .5rem; }
 .binder-col h3 { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--binder-dim); display: flex; justify-content: space-between; }
 .binder-card { background: var(--binder-bg); border: 1px solid var(--binder-line); border-radius: 9px; padding: .6rem .7rem; display: flex; flex-direction: column; gap: .3rem; cursor: pointer; }
@@ -106,7 +107,7 @@
 .binder-state[data-done] { background: color-mix(in srgb, var(--binder-ok) 16%, transparent); border-color: transparent; }
 .binder-state:disabled { opacity: 1; }
 .binder-caret { font-size: .8em; color: var(--binder-dim); }
-.binder-menu { position: absolute; z-index: 5; top: calc(100% + .35rem); left: 0; min-width: 12rem; display: flex; flex-direction: column; padding: .3rem; background: var(--binder-bg);
+.binder-menu { position: absolute; z-index: 5; top: calc(100% + .35rem); left: 0; min-width: 12rem; max-width: calc(100vw - 2rem); display: flex; flex-direction: column; padding: .3rem; background: var(--binder-bg);
   border: 1px solid var(--binder-line); border-radius: 12px; box-shadow: 0 8px 28px rgb(0 0 0 / .18); }
 .binder-menu button { border: 0; background: transparent; text-align: left; padding: .6em .7em; border-radius: 8px; display: flex; gap: .5em; align-items: center; }
 .binder-menu button:hover, .binder-menu button:focus-visible { background: var(--binder-panel); outline: none; }