phoenix_duskmoon 10.0.11 → 10.1.0

package/CHANGELOG.md

@@ -1,3 +1,42 @@
+# [10.1.0](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/compare/v10.0.12...v10.1.0) (2026-11-07)
+
+### Added
+
+- Add opt-in structured composer protocol v1 to React Chat, including semantic
+  documents, context-scoped projections, explicit admission receipts, uncertain
+  submission recovery, and queue removal through LiveView events.
+- Demonstrate composer permissions, commands, steering, queued follow-ups, and
+  reconnect recovery in Storybook while preserving the legacy text submission API.
+- Expose the optional rich editor through lazy imports, with packaged consumer
+  checks that keep Lexical out of ordinary chat and hooks bundles.
+
+### Changed
+
+- Adopt Core/CSS Art 1.21.0, Elements/Art Elements 1.10.2, and React Components
+  0.6.0 with optional Lexical 0.53.0 peers.
+- Update the published Bundler cohort to 10.1.2, the HTTP clients to 1.0.0-rc.5,
+  Gaoxy HTTP and its WebSock adapter to 0.15.1, and Tailwind to 4.3.5.
+- Build Storybook images on Ubuntu 26.04 to meet the published native
+  toolchain's glibc 2.43 requirement.
+
+### Fixed
+
+- Restore production HTTP admission in private cgroup namespaces by adopting
+  Gaoxy's mount visibility fix for overmounted memory controllers.
+- Preserve React-owned values for disabled native form controls instead of
+  removing them when the browser omits disabled fields, resolving
+  [#210](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/issues/210).
+
+# [10.0.12](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/compare/v10.0.11...v10.0.12) (2026-11-01)
+
+### Fixed
+
+- Exclude build-tool applications (`duskmoon_npm`, `duskmoon_hex_solver`, etc.) from
+  Storybook production release assembly, ensuring a clean runtime-only release.
+- Add Bun setup to test workflow for browser component tests.
+- Bump `@duskmoon-dev/components` to 0.5.5 for Popover API support, dropdown select
+  layout, and timeline marker styling.
+
 # [10.0.11](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/compare/v10.0.10...v10.0.11) (2026-10-22)
 
 ### Fixed

package/README.md

@@ -32,13 +32,13 @@ Add to `mix.exs`:
 Install frontend packages:
 
 ```bash
-bun add @duskmoon-dev/core @duskmoon-dev/elements
+mix npm.install @duskmoon-dev/core @duskmoon-dev/elements
 ```
 
 Optionally, add CSS Art and Art Custom Elements support:
 
 ```bash
-bun add @duskmoon-dev/css-art @duskmoon-dev/art-elements
+mix npm.install @duskmoon-dev/css-art @duskmoon-dev/art-elements
 ```
 
 ### View Helpers
@@ -189,12 +189,19 @@ application's upload mechanism; they cannot be sent as LiveView JSON payloads.
 ## Repository development
 
 This checkout contains the UI and Storybook. It consumes the published toolchain
-cohort pinned in `BUNDLER_VERSION` and `mix.lock`; ordinary UI builds use verified
-precompiled Duskmoon native artifacts. The toolchain source and its own releases
-live in [duskmoon-bundler](https://github.com/duskmoon-dev/duskmoon-bundler).
+cohort declared with `~> 10.0` requirements and resolved in `mix.lock`; ordinary UI
+builds use verified precompiled Duskmoon native artifacts. The toolchain source
+and its own releases live in [duskmoon-bundler](https://github.com/duskmoon-dev/duskmoon-bundler).
 See the [migration and development guide](docs/bundler-extraction.md) for setup,
 candidate integration and independent release order.
 
+Storybook also consumes `duskmoon_hologram ~> 10.0` and provides a Hologram section
+before Storybook in its top navigation. Run `mix duskmoon.dev` (or `mix holo`) and
+open `/hologram` for the component playground, task list and profile preview.
+The checkout requires OTP 28+; `phoenix_duskmoon` itself keeps its existing Elixir
+and Phoenix compatibility and does not depend on Hologram. See the
+[Hologram guide](docs/hologram-example.md) for runtime boundaries and verification.
+
 ## Live Storybook
 
 [Live Storybook](https://duskmoon-storybook.gsmlg.dev)

package/assets/js/react_chat/chat.js

@@ -3,6 +3,7 @@ import { Markdown } from "@duskmoon-dev/components/markdown";
 import { Input } from "@duskmoon-dev/components/input";
 import { Button } from "@duskmoon-dev/components/button";
 import { Chat } from "@duskmoon-dev/components/chat";
+import { requestId } from "./protocol.js";
 const h = React.createElement;
 const defaultOptions = {};
 
@@ -131,21 +132,6 @@ const Message = memo(function Message(props) {
 	);
 });
 
-function requestId() {
-	if (typeof crypto.randomUUID === "function") return crypto.randomUUID();
-	const bytes = crypto.getRandomValues(new Uint8Array(16));
-	bytes[6] = (bytes[6] & 0x0f) | 0x40;
-	bytes[8] = (bytes[8] & 0x3f) | 0x80;
-	const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
-	return [
-		hex.slice(0, 4).join(""),
-		hex.slice(4, 6).join(""),
-		hex.slice(6, 8).join(""),
-		hex.slice(8, 10).join(""),
-		hex.slice(10).join(""),
-	].join("-");
-}
-
 // A composer owns its draft/attachments. This helper only owns admission and UI requests.
 export function useChatSubmission({ bridge, canSubmit }) {
 	const [busy, setBusy] = useState(false);
@@ -165,6 +151,9 @@ export function useChatSubmission({ bridge, canSubmit }) {
 		setBusy(true);
 		setNotice("");
 		try {
+			const structured =
+				payload.protocolVersion !== undefined || payload.document !== undefined;
+			if (structured) return await bridge.submit(payload);
 			return await bridge.send("send", {
 				request_id: requestId(),
 				...payload,
@@ -237,6 +226,7 @@ export function ReactChat({
 	connected,
 	label,
 	options = defaultOptions,
+	adapter,
 }) {
 	const transcriptId = useId();
 	const scroll = useRef(null);
@@ -258,6 +248,11 @@ export function ReactChat({
 		state,
 		bridge,
 		connected,
+		adapter,
+		scope: state.scope,
+		instanceGeneration: state.instanceGeneration,
+		composer: state.composer,
+		providers: adapter?.providers,
 		synchronizing: state.needsSync,
 		metadata: state.metadata,
 		runtime: state.runtime,
@@ -344,9 +339,13 @@ export function ReactChat({
 					: "Disconnected. Draft preserved.",
 			),
 		options.renderStatus && h(options.renderStatus, context),
+		state.error && h("p", { role: "alert" }, state.error),
 		h(options.Composer || DefaultComposer, {
 			...context,
-			key: state.conversationId,
+			key:
+				state.protocolVersion === 1
+					? state.instanceGeneration
+					: state.conversationId,
 		}),
 	);
 }