@maple-kit/ui 0.5.0 → 0.7.0

package/dist/composer/actions.d.ts

@@ -6,10 +6,10 @@ export interface MapleActionsProps extends AsChildProps {
   readonly className?: string;
   readonly children?: ReactNode;
 }
-/** Leaves the draft where it is. */
-export declare const CANCEL_LABEL = "Cancel";
-/** The noun: it is what the reviewer is making. */
-export declare const SEND_LABEL = "Comment";
+/** Closes the composer and keeps what was written, unsent. */
+export declare const KEEP_LABEL = "Keep";
+/** The verb, because publishing is the act and the comment already exists. */
+export declare const PUBLISH_LABEL = "Publish";
 /** The two controls, and room beside them for a later one. */
 export declare const MapleActions: import("react").ForwardRefExoticComponent<MapleActionsProps & import("react").RefAttributes<HTMLElement>>;
 //#endregion

package/dist/composer/actions.js

@@ -3,20 +3,20 @@ import { useComposerScope } from "./scope.js";
 import { createElement, forwardRef } from "react";
 import { useMaple, useMapleClient } from "@maple-kit/react";
 //#region src/composer/actions.ts
-const CANCEL_LABEL = "Cancel";
-const SEND_LABEL = "Comment";
+const KEEP_LABEL = "Keep";
+const PUBLISH_LABEL = "Publish";
 const VIEW_LABELS = {
 	close: "Close",
 	resolve: "Resolve",
 	reopen: "Reopen"
 };
 const MapleActions = forwardRef(function MapleActions(props, ref) {
-	const { composer } = useMaple();
+	const { composer, publishing } = useMaple();
 	const client = useMapleClient();
 	const scope = useComposerScope("Maple.Actions");
 	const Element = props.asChild ? Slot : "footer";
-	const send = () => {
-		client.send().then(() => scope.clear(), () => void 0);
+	const publish = () => {
+		client.publish().then(() => scope.clear(), () => void 0);
 	};
 	const className = props.className ? `mk-composer-foot ${props.className}` : "mk-composer-foot";
 	if (composer.viewing !== void 0) return createElement(Element, {
@@ -29,13 +29,14 @@ const MapleActions = forwardRef(function MapleActions(props, ref) {
 	}, props.children, createElement("span", { className: "mk-composer-fill" }), createElement("button", {
 		type: "button",
 		className: "mk-btn mk-btn-quiet mk-press",
-		onClick: () => client.closeComposer()
-	}, CANCEL_LABEL), createElement("button", {
+		disabled: composer.body.trim() === "",
+		onClick: () => client.keepDraft()
+	}, KEEP_LABEL), createElement("button", {
 		type: "button",
 		className: "mk-btn mk-btn-primary mk-press",
-		disabled: composer.body.trim() === "" || composer.sending,
-		onClick: send
-	}, SEND_LABEL));
+		disabled: composer.body.trim() === "" || publishing,
+		onClick: publish
+	}, PUBLISH_LABEL));
 });
 function reading(id, client) {
 	const status = client.getState().comments.find((one) => one.id === id)?.status;
@@ -56,4 +57,4 @@ function moveOn(id, done, client) {
 	}, done ? VIEW_LABELS.reopen : VIEW_LABELS.resolve);
 }
 //#endregion
-export { CANCEL_LABEL, MapleActions, SEND_LABEL, VIEW_LABELS };
+export { KEEP_LABEL, MapleActions, PUBLISH_LABEL, VIEW_LABELS };

package/dist/composer/index.d.ts

@@ -1,5 +1,5 @@
 import { SHEET_BREAKPOINT_PX } from "../tokens.js";
-import { CANCEL_LABEL, MapleActions, MapleActionsProps, SEND_LABEL } from "./actions.js";
+import { KEEP_LABEL, MapleActions, MapleActionsProps, PUBLISH_LABEL } from "./actions.js";
 import { ATTACH_WORDS, MapleAttachments, MapleAttachmentsProps } from "./attachments.js";
 import { CONTEXT_LABELS, MapleContextBadge, MapleContextProps } from "./badge.js";
 import { COMPOSER_PLACEHOLDER, MapleBody, MapleBodyProps } from "./body.js";
@@ -13,4 +13,4 @@ import { KIND_WORDS, LEAVE_DISCARD, LEAVE_KEEP, QUOTE_LIMIT, TARGET_PREFIX, UNNA
 import { EMOJI_COPY, EMOJI_ICON_PX, EmojiGrid, EmojiGridProps, MapleEmoji, MapleEmojiProps } from "./picker-emoji.js";
 import { KIND_AUTO, KIND_LABEL, MapleScoreCard, MapleScoreProps, SCORE_LABEL } from "./score.js";
 import { CLOSE_LABEL, DETAIL_ATTRIBUTE, MapleTarget, MapleTargetProps } from "./target.js";
-export { ATTACH_WORDS, MapleActions as Actions, MapleAttachments as Attachments, MapleBody as Body, CANCEL_LABEL, CLOSE_LABEL, COMPOSER_LABEL, COMPOSER_PLACEHOLDER, CONTEXT_LABELS, MapleComposer as Composer, ComposerScopeError, MapleContextBadge as Context, DETAIL_ATTRIBUTE, DETENT_LABELS, MapleDetail as Detail, EMOJI_COPY, EMOJI_ICON_PX, MapleEmoji as Emoji, type EmojiChoice, EmojiGrid, type EmojiGridProps, KIND_AUTO, KIND_LABEL, KIND_WORDS, LEAVE_DISCARD, LEAVE_KEEP, type LeaveAsk, MapleActions, type MapleActionsProps, MapleAttachments, type MapleAttachmentsProps, MapleBody, type MapleBodyProps, MapleComposer, type MapleComposerProps, MapleContextBadge, type MapleContextProps, MapleDetail, type MapleDetailProps, MapleEmoji, type MapleEmojiProps, MapleScoreCard, type MapleScoreProps, MapleTarget, type MapleTargetProps, QUOTE_LIMIT, REVIEW_EMOJI, SCORE_LABEL, SEND_LABEL, SHEET_BREAKPOINT_PX, SHORTCODE_LIMIT, MapleScoreCard as Score, type SheetDetent, type Shortcode, TARGET_PREFIX, MapleTarget as Target, UNNAMED_TARGET, type Written, appended, createLeaveAsk, detailRows, leaveMessage, peeks, quotedText, searchEmoji, shortcodeAt, targetName, targetPhrase, writeAt };
+export { ATTACH_WORDS, MapleActions as Actions, MapleAttachments as Attachments, MapleBody as Body, CLOSE_LABEL, COMPOSER_LABEL, COMPOSER_PLACEHOLDER, CONTEXT_LABELS, MapleComposer as Composer, ComposerScopeError, MapleContextBadge as Context, DETAIL_ATTRIBUTE, DETENT_LABELS, MapleDetail as Detail, EMOJI_COPY, EMOJI_ICON_PX, MapleEmoji as Emoji, type EmojiChoice, EmojiGrid, type EmojiGridProps, KEEP_LABEL, KIND_AUTO, KIND_LABEL, KIND_WORDS, LEAVE_DISCARD, LEAVE_KEEP, type LeaveAsk, MapleActions, type MapleActionsProps, MapleAttachments, type MapleAttachmentsProps, MapleBody, type MapleBodyProps, MapleComposer, type MapleComposerProps, MapleContextBadge, type MapleContextProps, MapleDetail, type MapleDetailProps, MapleEmoji, type MapleEmojiProps, MapleScoreCard, type MapleScoreProps, MapleTarget, type MapleTargetProps, PUBLISH_LABEL, QUOTE_LIMIT, REVIEW_EMOJI, SCORE_LABEL, SHEET_BREAKPOINT_PX, SHORTCODE_LIMIT, MapleScoreCard as Score, type SheetDetent, type Shortcode, TARGET_PREFIX, MapleTarget as Target, UNNAMED_TARGET, type Written, appended, createLeaveAsk, detailRows, leaveMessage, peeks, quotedText, searchEmoji, shortcodeAt, targetName, targetPhrase, writeAt };

package/dist/composer/index.js

@@ -1,6 +1,6 @@
 import { SHEET_BREAKPOINT_PX } from "../tokens.js";
 import { ComposerScopeError } from "./scope.js";
-import { CANCEL_LABEL, MapleActions, SEND_LABEL } from "./actions.js";
+import { KEEP_LABEL, MapleActions, PUBLISH_LABEL } from "./actions.js";
 import { ATTACH_WORDS, MapleAttachments } from "./attachments.js";
 import { CONTEXT_LABELS, MapleContextBadge } from "./badge.js";
 import { REVIEW_EMOJI, SHORTCODE_LIMIT, appended, searchEmoji, shortcodeAt, writeAt } from "./emoji.js";
@@ -13,4 +13,4 @@ import { MapleDetail, detailRows } from "./detail.js";
 import { createLeaveAsk } from "./leave.js";
 import { KIND_AUTO, KIND_LABEL, MapleScoreCard, SCORE_LABEL } from "./score.js";
 import { CLOSE_LABEL, DETAIL_ATTRIBUTE, MapleTarget } from "./target.js";
-export { ATTACH_WORDS, MapleActions as Actions, MapleAttachments as Attachments, MapleBody as Body, CANCEL_LABEL, CLOSE_LABEL, COMPOSER_LABEL, COMPOSER_PLACEHOLDER, CONTEXT_LABELS, MapleComposer as Composer, ComposerScopeError, MapleContextBadge as Context, DETAIL_ATTRIBUTE, DETENT_LABELS, MapleDetail as Detail, EMOJI_COPY, EMOJI_ICON_PX, MapleEmoji as Emoji, EmojiGrid, KIND_AUTO, KIND_LABEL, KIND_WORDS, LEAVE_DISCARD, LEAVE_KEEP, MapleActions, MapleAttachments, MapleBody, MapleComposer, MapleContextBadge, MapleDetail, MapleEmoji, MapleScoreCard, MapleTarget, QUOTE_LIMIT, REVIEW_EMOJI, SCORE_LABEL, SEND_LABEL, SHEET_BREAKPOINT_PX, SHORTCODE_LIMIT, MapleScoreCard as Score, TARGET_PREFIX, MapleTarget as Target, UNNAMED_TARGET, appended, createLeaveAsk, detailRows, leaveMessage, peeks, quotedText, searchEmoji, shortcodeAt, targetName, targetPhrase, writeAt };
+export { ATTACH_WORDS, MapleActions as Actions, MapleAttachments as Attachments, MapleBody as Body, CLOSE_LABEL, COMPOSER_LABEL, COMPOSER_PLACEHOLDER, CONTEXT_LABELS, MapleComposer as Composer, ComposerScopeError, MapleContextBadge as Context, DETAIL_ATTRIBUTE, DETENT_LABELS, MapleDetail as Detail, EMOJI_COPY, EMOJI_ICON_PX, MapleEmoji as Emoji, EmojiGrid, KEEP_LABEL, KIND_AUTO, KIND_LABEL, KIND_WORDS, LEAVE_DISCARD, LEAVE_KEEP, MapleActions, MapleAttachments, MapleBody, MapleComposer, MapleContextBadge, MapleDetail, MapleEmoji, MapleScoreCard, MapleTarget, PUBLISH_LABEL, QUOTE_LIMIT, REVIEW_EMOJI, SCORE_LABEL, SHEET_BREAKPOINT_PX, SHORTCODE_LIMIT, MapleScoreCard as Score, TARGET_PREFIX, MapleTarget as Target, UNNAMED_TARGET, appended, createLeaveAsk, detailRows, leaveMessage, peeks, quotedText, searchEmoji, shortcodeAt, targetName, targetPhrase, writeAt };

package/dist/island/approve.d.ts

@@ -0,0 +1,10 @@
+import { PartProps } from "../part.js";
+import { ReactNode } from "react";
+//#region src/island/approve.d.ts
+/** The row. Its children replace everything inside it. */
+export interface ApproveProps extends PartProps {
+  readonly children?: ReactNode;
+}
+/** The sign-off, as one row above the picks. */
+export declare const Approve: import("react").ForwardRefExoticComponent<ApproveProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion

package/dist/island/approve.js

@@ -0,0 +1,40 @@
+import { cx, renderPart } from "../part.js";
+import { APPROVE_COPY } from "./language.js";
+import { createElement, forwardRef } from "react";
+import { useMaple, useMapleClient } from "@maple-kit/react";
+//#region src/island/approve.ts
+const Approve = forwardRef(function Approve(props, ref) {
+	const { asChild, children, className, ...rest } = props;
+	const state = useMaple();
+	const client = useMapleClient();
+	if (state.approval?.supported !== true) return null;
+	const mine = state.myApproval;
+	return renderPart("div", asChild, {
+		...rest,
+		className: cx("mk-approve", className),
+		"data-mk-approved": mine === null ? "no" : "yes",
+		ref
+	}, children ?? [createElement("span", {
+		key: "said",
+		className: "mk-approve-said"
+	}, said(state, mine)), control(state, mine, client)]);
+});
+function said(state, mine) {
+	if (mine) return APPROVE_COPY.yours;
+	const others = state.approvals.length;
+	if (others > 0) return APPROVE_COPY.others(state.approvals[0]?.author.name, others);
+	return state.approval?.required === true ? APPROVE_COPY.wanted : APPROVE_COPY.offered;
+}
+function control(state, mine, client) {
+	const signedIn = state.user !== null;
+	return createElement("button", {
+		key: "act",
+		type: "button",
+		className: "mk-approve-do mk-press",
+		disabled: !signedIn,
+		...signedIn ? {} : { title: APPROVE_COPY.signIn },
+		onClick: () => void (mine ? client.unapprove() : client.approve())
+	}, mine ? APPROVE_COPY.withdraw : APPROVE_COPY.approve);
+}
+//#endregion
+export { Approve };

package/dist/island/css.js

@@ -11,6 +11,7 @@ function islandCss() {
 		row(),
 		rowDetail(),
 		developer(),
+		ledger(),
 		newComment(),
 		keyframes(),
 		sheet()
@@ -945,6 +946,144 @@ function developer() {
   display: none;
 }
 
+`.trim();
+}
+function ledger() {
+	return `
+.mk-unsent {
+  flex: none;
+  border-top: 1px solid var(--mk-line);
+  background: var(--mk-sunk);
+}
+
+.mk-unsent-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 10px 5px;
+}
+
+.mk-unsent-label {
+  flex: 1 1 auto;
+  color: var(--mk-faint);
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.09em;
+  text-transform: uppercase;
+}
+
+.mk-unsent-copy {
+  flex: none;
+  padding: 2px 8px;
+  border: 1px solid var(--mk-line);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--mk-muted);
+  font: inherit;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.mk-unsent-publish {
+  flex: none;
+  font-size: 11px;
+  padding: 3px 11px;
+}
+
+.mk-unsent-rows {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: 0;
+  padding: 0 6px 7px;
+  list-style: none;
+  max-height: 132px;
+  overflow-y: auto;
+}
+
+.mk-unsent-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: 6px;
+}
+
+.mk-unsent-row:hover {
+  background: var(--mk-bg);
+}
+
+.mk-unsent-body {
+  flex: 1 1 auto;
+  min-width: 0;
+  padding: 4px 6px;
+  border: 0;
+  background: transparent;
+  color: var(--mk-fg);
+  font: inherit;
+  font-size: 12px;
+  text-align: start;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+.mk-unsent-drop {
+  flex: none;
+  padding: 2px 7px;
+  border: 0;
+  background: transparent;
+  color: var(--mk-faint);
+  font: inherit;
+  font-size: 11px;
+  cursor: pointer;
+}
+
+.mk-unsent-drop:hover {
+  color: var(--mk-fg);
+}
+
+.mk-approve {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 7px 10px;
+  border-top: 1px solid var(--mk-line);
+  background: var(--mk-sunk);
+}
+
+.mk-approve-said {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--mk-muted);
+  font-size: 11.5px;
+  line-height: 1.35;
+}
+
+.mk-approve[data-mk-approved="yes"] .mk-approve-said {
+  color: var(--mk-fg);
+}
+
+.mk-approve-do {
+  flex: none;
+  padding: 3px 11px;
+  border: 1px solid var(--mk-line);
+  border-radius: 999px;
+  background: var(--mk-bg);
+  color: var(--mk-fg);
+  font: inherit;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.mk-approve-do:disabled {
+  color: var(--mk-faint);
+  cursor: not-allowed;
+}
+
 `.trim();
 }
 function newComment() {

package/dist/island/index.d.ts

@@ -1,4 +1,5 @@
 import { Account, AccountProps } from "./account.js";
+import { Approve, ApproveProps } from "./approve.js";
 import { FilterCounts, countsFor, numbersFor, orphanReason, resolutionsFor } from "./comments.js";
 import { IslandContent, IslandContentProps } from "./content.js";
 import { DragHandlers, IslandContextError, IslandContextValue, IslandPhase, PointerEventLike, reasonOf, useIsland } from "./context.js";
@@ -8,12 +9,13 @@ import { Filters, FiltersProps } from "./filters.js";
 import { Branch, BranchProps, Header, HeaderProps, Logo, LogoProps } from "./header.js";
 import { Island, IslandProps } from "./island.js";
 import { Item, ItemProps, TIME_DELAY_MS } from "./item.js";
-import { FILTER_LABELS, ISLAND_COPY, SETTINGS_COPY, kindPhrase, openLabel } from "./language.js";
+import { APPROVE_COPY, FILTER_LABELS, ISLAND_COPY, SETTINGS_COPY, UNSENT_COPY, kindPhrase, openLabel } from "./language.js";
 import { List, ListProps } from "./list.js";
 import { NewComment, NewCommentProps, PickButton, PickButtonProps } from "./new-comment.js";
 import { Settings, SettingsProps } from "./settings.js";
 import { STAGGER_ROWS } from "./stagger.js";
 import { absoluteTime, relativeTime } from "./time.js";
 import { IslandTrigger, IslandTriggerProps } from "./trigger.js";
+import { Unsent, UnsentProps } from "./unsent.js";
 import { WORDMARK_SIZE_PX, WORDMARK_WORD_SCALE, Wordmark, WordmarkProps } from "./wordmark.js";
-export { Account, type AccountProps, Branch, type BranchProps, DRAGGING_ATTRIBUTE, DRAG_THRESHOLD_PX, type DragHandlers, FILTER_LABELS, type FilterCounts, Filters, type FiltersProps, Header, type HeaderProps, ISLAND_COPY, Island, IslandContent, type IslandContentProps, IslandContextError, type IslandContextValue, type IslandPhase, type IslandProps, IslandTrigger, type IslandTriggerProps, Item, type ItemProps, List, type ListProps, Logo, type LogoProps, NewComment, type NewCommentProps, PickButton, type PickButtonProps, type PointerEventLike, SETTINGS_COPY, STAGGER_ROWS, Settings, type SettingsProps, TIME_DELAY_MS, WORDMARK_SIZE_PX, WORDMARK_WORD_SCALE, Wordmark, type WordmarkProps, absoluteTime, countsFor, islandCss, kindPhrase, numbersFor, openLabel, orphanReason, reasonOf, relativeTime, resolutionsFor, useDrag, useIsland };
+export { APPROVE_COPY, Account, type AccountProps, Approve, type ApproveProps, Branch, type BranchProps, DRAGGING_ATTRIBUTE, DRAG_THRESHOLD_PX, type DragHandlers, FILTER_LABELS, type FilterCounts, Filters, type FiltersProps, Header, type HeaderProps, ISLAND_COPY, Island, IslandContent, type IslandContentProps, IslandContextError, type IslandContextValue, type IslandPhase, type IslandProps, IslandTrigger, type IslandTriggerProps, Item, type ItemProps, List, type ListProps, Logo, type LogoProps, NewComment, type NewCommentProps, PickButton, type PickButtonProps, type PointerEventLike, SETTINGS_COPY, STAGGER_ROWS, Settings, type SettingsProps, TIME_DELAY_MS, UNSENT_COPY, Unsent, type UnsentProps, WORDMARK_SIZE_PX, WORDMARK_WORD_SCALE, Wordmark, type WordmarkProps, absoluteTime, countsFor, islandCss, kindPhrase, numbersFor, openLabel, orphanReason, reasonOf, relativeTime, resolutionsFor, useDrag, useIsland };

package/dist/island/index.js

@@ -1,7 +1,8 @@
 import { STAGGER_ROWS } from "./stagger.js";
 import { islandCss } from "./css.js";
-import { FILTER_LABELS, ISLAND_COPY, SETTINGS_COPY, kindPhrase, openLabel } from "./language.js";
+import { APPROVE_COPY, FILTER_LABELS, ISLAND_COPY, SETTINGS_COPY, UNSENT_COPY, kindPhrase, openLabel } from "./language.js";
 import { Account } from "./account.js";
+import { Approve } from "./approve.js";
 import { countsFor, numbersFor, orphanReason, resolutionsFor } from "./comments.js";
 import { IslandContextError, reasonOf, useIsland } from "./context.js";
 import { IslandContent } from "./content.js";
@@ -16,4 +17,5 @@ import { List } from "./list.js";
 import { NewComment, PickButton } from "./new-comment.js";
 import { Settings } from "./settings.js";
 import { IslandTrigger } from "./trigger.js";
-export { Account, Branch, DRAGGING_ATTRIBUTE, DRAG_THRESHOLD_PX, FILTER_LABELS, Filters, Header, ISLAND_COPY, Island, IslandContent, IslandContextError, IslandTrigger, Item, List, Logo, NewComment, PickButton, SETTINGS_COPY, STAGGER_ROWS, Settings, TIME_DELAY_MS, WORDMARK_SIZE_PX, WORDMARK_WORD_SCALE, Wordmark, absoluteTime, countsFor, islandCss, kindPhrase, numbersFor, openLabel, orphanReason, reasonOf, relativeTime, resolutionsFor, useDrag, useIsland };
+import { Unsent } from "./unsent.js";
+export { APPROVE_COPY, Account, Approve, Branch, DRAGGING_ATTRIBUTE, DRAG_THRESHOLD_PX, FILTER_LABELS, Filters, Header, ISLAND_COPY, Island, IslandContent, IslandContextError, IslandTrigger, Item, List, Logo, NewComment, PickButton, SETTINGS_COPY, STAGGER_ROWS, Settings, TIME_DELAY_MS, UNSENT_COPY, Unsent, WORDMARK_SIZE_PX, WORDMARK_WORD_SCALE, Wordmark, absoluteTime, countsFor, islandCss, kindPhrase, numbersFor, openLabel, orphanReason, reasonOf, relativeTime, resolutionsFor, useDrag, useIsland };

package/dist/island/language.d.ts

@@ -29,6 +29,35 @@ export declare const SETTINGS_COPY: {
     readonly hint: "It goes until you reload. A comment arriving, or a link to one, brings it straight back.";
   };
 };
+/**
+ * The sign-off row. It says why before it says what: "Approve" alone reads as
+ * a button with no stakes, and the stakes are the whole point of the row.
+ */
+export declare const APPROVE_COPY: {
+  readonly offered: "Looked and found nothing wrong? Say so here.";
+  readonly wanted: "This pull request is held until somebody approves the preview.";
+  readonly yours: "You approved this preview.";
+  readonly others: (name: string | undefined, count: number) => string;
+  readonly approve: "Approve";
+  readonly withdraw: "Withdraw";
+  readonly signIn: "Sign in first: an approval nobody can be named for is not one.";
+};
+/**
+ * The unsent list. A comment is a draft until it is published, and every word
+ * here has to carry that without ever calling it a failure.
+ */
+export declare const UNSENT_COPY: {
+  readonly heading: (count: number) => string;
+  readonly publish: (count: number) => string;
+  readonly publishing: "Publishing…";
+  readonly copy: "Copy";
+  readonly copied: "Copied";
+  readonly copyHint: "Every unsent comment as markdown, to paste into an agent or a ticket.";
+  readonly resumeHint: "Open it again";
+  readonly discard: "Throw this one away";
+  readonly discardGlyph: "✕";
+  readonly blank: "(nothing written yet)";
+};
 /** Copy with no better home than a name. */
 export declare const ISLAND_COPY: {
   readonly title: "Comments";

package/dist/island/language.js

@@ -92,6 +92,27 @@ const ACCOUNT_COPY = {
 	linkedAs: (login) => login === void 0 ? "Linked." : `Linked as ${login}.`,
 	unlinkHint: "Forgets the token here. GitHub keeps the authorisation until you revoke it."
 };
+const APPROVE_COPY = {
+	offered: "Looked and found nothing wrong? Say so here.",
+	wanted: "This pull request is held until somebody approves the preview.",
+	yours: "You approved this preview.",
+	others: (name, count) => count > 1 ? `Approved by ${name ?? "somebody"} and ${String(count - 1)} more.` : `Approved by ${name ?? "somebody"}.`,
+	approve: "Approve",
+	withdraw: "Withdraw",
+	signIn: "Sign in first: an approval nobody can be named for is not one."
+};
+const UNSENT_COPY = {
+	heading: (count) => `Unsent · ${String(count)}`,
+	publish: (count) => count === 1 ? "Publish" : `Publish all ${String(count)}`,
+	publishing: "Publishing…",
+	copy: "Copy",
+	copied: "Copied",
+	copyHint: "Every unsent comment as markdown, to paste into an agent or a ticket.",
+	resumeHint: "Open it again",
+	discard: "Throw this one away",
+	discardGlyph: "✕",
+	blank: "(nothing written yet)"
+};
 const ISLAND_COPY = {
 	title: "Comments",
 	wordmark: "Maple",
@@ -123,4 +144,4 @@ function kindPhrase(kind, human) {
 	return kind === "region" ? `an area of ${human}` : human;
 }
 //#endregion
-export { ACCOUNT_COPY, CORNER_LABELS, CORNER_ORDER, FILTERS_LABEL, FILTER_LABELS, FILTER_ORDER, ISLAND_COPY, PICK_LABELS, PICK_ORDER, SETTINGS_COPY, TALLY_ORDER, THEME_LABELS, THEME_TITLES, kindPhrase, openLabel, pickTitle, tallyTitle, triggerLabel };
+export { ACCOUNT_COPY, APPROVE_COPY, CORNER_LABELS, CORNER_ORDER, FILTERS_LABEL, FILTER_LABELS, FILTER_ORDER, ISLAND_COPY, PICK_LABELS, PICK_ORDER, SETTINGS_COPY, TALLY_ORDER, THEME_LABELS, THEME_TITLES, UNSENT_COPY, kindPhrase, openLabel, pickTitle, tallyTitle, triggerLabel };

package/dist/island/unsent.d.ts

@@ -0,0 +1,10 @@
+import { PartProps } from "../part.js";
+import { ReactNode } from "react";
+//#region src/island/unsent.d.ts
+/** The section. Its children replace everything inside it. */
+export interface UnsentProps extends PartProps {
+  readonly children?: ReactNode;
+}
+/** The unsent list, drawn only while something is waiting in it. */
+export declare const Unsent: import("react").ForwardRefExoticComponent<UnsentProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion

package/dist/island/unsent.js

@@ -0,0 +1,59 @@
+import { cx, renderPart } from "../part.js";
+import { UNSENT_COPY } from "./language.js";
+import { createElement, forwardRef, useState } from "react";
+import { useMaple, useMapleClient } from "@maple-kit/react";
+//#region src/island/unsent.ts
+const COPIED_MS = 1600;
+const Unsent = forwardRef(function Unsent(props, ref) {
+	const { asChild, children, className, ...rest } = props;
+	const { drafts, publishing } = useMaple();
+	const client = useMapleClient();
+	const [copied, setCopied] = useState(false);
+	if (drafts.length === 0) return null;
+	const copy = () => {
+		navigator.clipboard.writeText(client.draftsAsMarkdown()).then(() => {
+			setCopied(true);
+			setTimeout(() => setCopied(false), COPIED_MS);
+		}, () => void 0);
+	};
+	return renderPart("div", asChild, {
+		...rest,
+		className: cx("mk-unsent", className),
+		ref
+	}, children ?? [createElement("div", {
+		key: "head",
+		className: "mk-unsent-head"
+	}, createElement("span", { className: "mk-unsent-label" }, UNSENT_COPY.heading(drafts.length)), createElement("button", {
+		type: "button",
+		className: "mk-unsent-copy",
+		title: UNSENT_COPY.copyHint,
+		onClick: copy
+	}, copied ? UNSENT_COPY.copied : UNSENT_COPY.copy), createElement("button", {
+		type: "button",
+		className: "mk-btn mk-btn-primary mk-press mk-unsent-publish",
+		disabled: publishing,
+		onClick: () => void client.publish().catch(() => void 0)
+	}, publishing ? UNSENT_COPY.publishing : UNSENT_COPY.publish(drafts.length))), createElement("ul", {
+		key: "rows",
+		className: "mk-unsent-rows"
+	}, ...drafts.map((draft) => row(draft, client)))]);
+});
+function row(draft, client) {
+	return createElement("li", {
+		key: draft.id,
+		className: "mk-unsent-row"
+	}, createElement("button", {
+		type: "button",
+		className: "mk-unsent-body",
+		title: UNSENT_COPY.resumeHint,
+		onClick: () => client.resumeDraft(draft.id)
+	}, draft.body.trim() === "" ? UNSENT_COPY.blank : draft.body), createElement("button", {
+		type: "button",
+		className: "mk-unsent-drop",
+		"aria-label": UNSENT_COPY.discard,
+		title: UNSENT_COPY.discard,
+		onClick: () => client.discardDraft(draft.id)
+	}, UNSENT_COPY.discardGlyph));
+}
+//#endregion
+export { Unsent };

package/dist/maple.js

@@ -8,6 +8,7 @@ import { MapleDetail } from "./composer/detail.js";
 import { MapleScoreCard } from "./composer/score.js";
 import { MapleTarget } from "./composer/target.js";
 import { PICK_ORDER } from "./island/language.js";
+import { Approve } from "./island/approve.js";
 import { IslandContent } from "./island/content.js";
 import { Filters } from "./island/filters.js";
 import { Branch, Header, Logo } from "./island/header.js";
@@ -17,6 +18,7 @@ import { List } from "./island/list.js";
 import { NewComment, PickButton } from "./island/new-comment.js";
 import { Settings } from "./island/settings.js";
 import { IslandTrigger } from "./island/trigger.js";
+import { Unsent } from "./island/unsent.js";
 import { MapleMarkLayer } from "./marks/layer.js";
 import { MapleNotice } from "./notice/notice.js";
 import { MaplePicker } from "./picker/picker.js";
@@ -45,7 +47,7 @@ function inventory(branch, label, defaultOpen) {
 	}, createElement(IslandTrigger), createElement(IslandContent, null, createElement(Header, null, createElement(Logo), createElement(Branch, {
 		branch,
 		...label === void 0 ? {} : { label }
-	}), createElement(Settings)), createElement(MapleNotice, { during: LOAD_CALLS }), createElement(Filters), createElement(List, { children: (comment) => createElement(Item, { comment }) }), createElement(NewComment, null, ...PICK_ORDER.map((kind) => createElement(PickButton, {
+	}), createElement(Settings)), createElement(MapleNotice, { during: LOAD_CALLS }), createElement(Filters), createElement(List, { children: (comment) => createElement(Item, { comment }) }), createElement(Unsent), createElement(Approve), createElement(NewComment, null, ...PICK_ORDER.map((kind) => createElement(PickButton, {
 		key: kind,
 		kind
 	})))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maple-kit/ui",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Maple's composed reviewer parts: the marks, the island and the composer",
   "license": "Apache-2.0",
   "type": "module",
@@ -32,8 +32,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@maple-kit/core": "0.5.0",
-    "@maple-kit/react": "0.5.0"
+    "@maple-kit/core": "0.7.0",
+    "@maple-kit/react": "0.7.0"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",