@clepit/core 0.4.0 → 0.5.0-beta.350

package/dist/tools/block/embed/css.d.ts

@@ -1,6 +1,6 @@
 export declare const inputStylesKey = "embed-input";
 export declare const outputStylesKey = "embed-output";
-export declare const sharedStyle = "\n.clepit-embed {\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.clepit-embed__frame {\n  display: block;\n  width: 100%;\n  border: 0;\n}\n.clepit-embed-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n  text-decoration: none;\n}\n.clepit-embed-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-embed-card__title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.clepit-embed-card__description {\n  opacity: 0.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n";
-export declare const inputStyle = "\n.clepit-embed {\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.clepit-embed__frame {\n  display: block;\n  width: 100%;\n  border: 0;\n}\n.clepit-embed-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n  text-decoration: none;\n}\n.clepit-embed-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-embed-card__title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.clepit-embed-card__description {\n  opacity: 0.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n";
-export declare const outputStyle = "\n.clepit-embed {\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.clepit-embed__frame {\n  display: block;\n  width: 100%;\n  border: 0;\n}\n.clepit-embed-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n  text-decoration: none;\n}\n.clepit-embed-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-embed-card__title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.clepit-embed-card__description {\n  opacity: 0.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n";
+export declare const sharedStyle = "\n.clepit-embed {\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.clepit-embed__frame {\n  display: block;\n  width: 100%;\n  border: 0;\n}\n.clepit-embed-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n  text-decoration: none;\n}\n.clepit-embed-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-embed-card__title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.clepit-embed-card__description {\n  opacity: 0.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.clepit-embed-card--with-reason {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-embed-card--with-reason > .clepit-embed-card {\n  padding: 0;\n  border: 0;\n}\n.clepit-embed-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-embed-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-embed--gist-frame .clepit-embed__frame {\n  height: 552px;\n}\n.clepit-embed-gist {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.clepit-embed-gist__file {\n  display: flex;\n  gap: 10px;\n  align-items: baseline;\n  font-size: 0.9em;\n}\n.clepit-embed-gist__file b {\n  font-weight: 600;\n}\n.clepit-embed-gist__file a {\n  margin-left: auto;\n  color: inherit;\n  opacity: 0.7;\n}\n.clepit-embed-offer {\n  position: absolute;\n  z-index: 20;\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  padding: 4px 4px 4px 10px;\n  font-size: 12px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 999px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-embed-offer button {\n  padding: 3px 9px;\n  font: inherit;\n  font-weight: 600;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border: 0;\n  border-radius: 999px;\n  cursor: pointer;\n}\n";
+export declare const inputStyle = "\n.clepit-embed {\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.clepit-embed__frame {\n  display: block;\n  width: 100%;\n  border: 0;\n}\n.clepit-embed-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n  text-decoration: none;\n}\n.clepit-embed-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-embed-card__title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.clepit-embed-card__description {\n  opacity: 0.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.clepit-embed-card--with-reason {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-embed-card--with-reason > .clepit-embed-card {\n  padding: 0;\n  border: 0;\n}\n.clepit-embed-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-embed-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-embed--gist-frame .clepit-embed__frame {\n  height: 552px;\n}\n.clepit-embed-gist {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.clepit-embed-gist__file {\n  display: flex;\n  gap: 10px;\n  align-items: baseline;\n  font-size: 0.9em;\n}\n.clepit-embed-gist__file b {\n  font-weight: 600;\n}\n.clepit-embed-gist__file a {\n  margin-left: auto;\n  color: inherit;\n  opacity: 0.7;\n}\n.clepit-embed-offer {\n  position: absolute;\n  z-index: 20;\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  padding: 4px 4px 4px 10px;\n  font-size: 12px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 999px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-embed-offer button {\n  padding: 3px 9px;\n  font: inherit;\n  font-weight: 600;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border: 0;\n  border-radius: 999px;\n  cursor: pointer;\n}\n";
+export declare const outputStyle = "\n.clepit-embed {\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.clepit-embed__frame {\n  display: block;\n  width: 100%;\n  border: 0;\n}\n.clepit-embed-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  color: inherit;\n  text-decoration: none;\n}\n.clepit-embed-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-embed-card__title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.clepit-embed-card__description {\n  opacity: 0.7;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.clepit-embed-card--with-reason {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-embed-card--with-reason > .clepit-embed-card {\n  padding: 0;\n  border: 0;\n}\n.clepit-embed-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-embed-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-embed--gist-frame .clepit-embed__frame {\n  height: 552px;\n}\n.clepit-embed-gist {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.clepit-embed-gist__file {\n  display: flex;\n  gap: 10px;\n  align-items: baseline;\n  font-size: 0.9em;\n}\n.clepit-embed-gist__file b {\n  font-weight: 600;\n}\n.clepit-embed-gist__file a {\n  margin-left: auto;\n  color: inherit;\n  opacity: 0.7;\n}\n.clepit-embed-offer {\n  position: absolute;\n  z-index: 20;\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  padding: 4px 4px 4px 10px;\n  font-size: 12px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 999px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-embed-offer button {\n  padding: 3px 9px;\n  font: inherit;\n  font-weight: 600;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border: 0;\n  border-radius: 999px;\n  cursor: pointer;\n}\n";
 //# sourceMappingURL=css.d.ts.map

package/dist/tools/block/embed/input.d.ts

@@ -1,4 +1,4 @@
-import { EmbedData, InputConfig } from '../../../types';
+import { EmbedData, InputConfig, IssueSnapshot } from '../../../types';
 export declare class EmbedInput {
     static placeholder: string;
     private static eventListenersMap;
@@ -6,6 +6,15 @@ export declare class EmbedInput {
     static render(containerId: string, data?: EmbedData, config?: InputConfig<'embed'>): HTMLElement;
     static isEmpty(blockElement: HTMLElement): boolean;
     static isEmptyData(data: EmbedData): boolean;
+    /** The block menu's four embed operations (Task B4 of the embed plan). */
+    static handleOperation(operation: string, block: HTMLElement, containerId: string): void;
+    /** A refresh redraws an issue card from a fresh snapshot without writing the
+     * document: the snapshot is remembered for the next save, and the card is
+     * redrawn in place. */
+    static refreshIssue(block: HTMLElement, containerId: string, snapshot: IssueSnapshot): void;
     static destroy(containerId: string): void;
+    /** The fix beside a reason. `retry` the core runs itself; `connectGoogle` goes
+     * to the host, which owns the routes. */
+    private static listenForActions;
 }
 //# sourceMappingURL=input.d.ts.map

package/dist/tools/block/embed/issue-card.d.ts

@@ -0,0 +1,17 @@
+import { Backing, ClepitElement } from '../../../core/element';
+import { IssueLabel, IssueSnapshot } from '../../../types';
+type Labels = Partial<Record<IssueLabel, string>> | undefined;
+/**
+ * An issue as a card: the embed block's drawing when its snapshot is an issue.
+ * Key and title on the first line with the status pill, the holder and when it
+ * changed on the second. A card that could not be read says why, and in the
+ * editor offers the connect; a page drawn with no browser names the fix and
+ * offers nothing, since no handler exists there.
+ */
+export declare class IssueCard {
+    static render(issue: IssueSnapshot, labels: Labels): HTMLElement;
+    static draw(issue: IssueSnapshot, backing: Backing, labels: Labels, withAction: boolean): ClepitElement;
+    private static drawReason;
+}
+export {};
+//# sourceMappingURL=issue-card.d.ts.map

package/dist/tools/block/embed/offer.d.ts

@@ -0,0 +1,9 @@
+import { EmbedResolution } from '../../../types';
+/** The `offer` paste preference: the link pastes as text, and a small chip
+ * under the caret offers to show it live for one keystroke. Enter or the chip
+ * converts; any other key, a click elsewhere or a moved selection dismisses. */
+export declare const EmbedOffer: {
+    dismiss(containerId: string): void;
+    show(containerId: string, blockElement: HTMLElement, url: string, resolution: EmbedResolution): void;
+};
+//# sourceMappingURL=offer.d.ts.map

package/dist/tools/block/embed/output.d.ts

@@ -1,5 +1,14 @@
 import { Backing, ClepitElement, DrawContext } from '../../../core/element';
-import { BlockClassNames, BlockStyles, EmbedData, OutputConfig } from '../../../types';
+import { BlockClassNames, BlockStyles, CodeLanguage, EmbedData, EmbedLabel, EmbedProvider, OutputConfig } from '../../../types';
+/** The English this package ships for the embed block. A host replaces any of
+ * these through `embedLabels`. */
+export declare const EMBED_ENGLISH: Record<EmbedLabel, string>;
+/** Proper nouns stay themselves in every locale. */
+export declare const EMBED_TOOL_NAMES: Partial<Record<EmbedProvider, string>>;
+export declare function embedLabel(labels: Partial<Record<EmbedLabel, string>> | undefined, key: EmbedLabel, replacements?: Record<string, string>): string;
+/** GitHub's language name as the code block's language, or undefined for one
+ * the code block does not know, which then renders as plain text. */
+export declare function toCodeLanguage(name: string | null): CodeLanguage | undefined;
 export declare class EmbedOutput {
     static render(data: EmbedData, config?: OutputConfig & {
         mapsEmbedKey?: string;
@@ -11,11 +20,16 @@ export declare class EmbedOutput {
      * A string builder has no live element to hold a property, so `draw` sets the
      * attributes they reflect, and the parity tests prove the two serialise the
      * same. The aspect ratio moves from `style.aspectRatio` to the `style`
-     * attribute for the same reason.
+     * attribute for the same reason. A gist never loads GitHub's script here:
+     * without a browser the snapshot is drawn as code, one block per file.
      */
     static draw(data: EmbedData, backing?: Backing, context?: DrawContext): ClepitElement | null;
+    private static drawGist;
     private static drawFrame;
+    /** `standalone` marks the block root; a card inside the reason wrapper is not
+     * the root, and the wrapper carries the mark instead. */
     private static drawCard;
+    private static gistFrame;
     private static frame;
     private static card;
     private static validate;

package/dist/tools/block/embed/paste.d.ts

@@ -0,0 +1,16 @@
+import { Block, EditorConfig, EmbedResolution, PasteEmbeds } from '../../../types';
+/** The resolution of a pasted link that a provider renders, or null for text
+ * that is not a URL, a plain link, and anything the image and video paths own.
+ * A switched-off provider still resolves, so the card can say why. */
+export declare function pasteEmbedTarget(text: string, disabled?: readonly string[]): EmbedResolution | null;
+export declare function embedBlockFor(url: string, mode: PasteEmbeds): Block<'embed'>;
+/** Puts the embed where the paste landed: in place of an empty block, or after
+ * a full one, the image precedent. Then asks the host's lookup to fill the
+ * snapshot, if the host wired one. Answers the new block's id. */
+export declare function placeEmbed(containerId: string, blockIndex: number, replace: boolean, url: string): Promise<string | null>;
+/** The snapshot arrives after the block does. The url is the identity and never
+ * changes hands: a lookup answering a different url is ignored on that field. A
+ * lookup that throws leaves the card saying the tool did not answer, with Try
+ * again beside it. */
+export declare function fillEmbed(containerId: string, blockId: string, resolveLink: EditorConfig['resolveLink']): Promise<void>;
+//# sourceMappingURL=paste.d.ts.map

package/dist/tools/block/embed/providers.d.ts

@@ -1,5 +1,10 @@
-import { EmbedResolution, EmbedResolveOptions } from '../../../types';
+import { EmbedProvider, EmbedResolution, EmbedResolveOptions } from '../../../types';
+/** The server's wire names for the providers a workspace can switch off. YouTube,
+ * Airtable, draw.io and Maps have no switch: they are not in the catalogue. */
+export declare const EMBED_WIRE_KEYS: Partial<Record<EmbedProvider, string>>;
+export declare function isEmbedProviderDisabled(provider: EmbedProvider, disabled?: readonly string[]): boolean;
 /** Resolves a URL to what it should render as. Pure — no network, no state, so
- * the editor, the public renderer, exports and the Flutter app all agree. */
+ * the editor, the public renderer, exports and the Flutter app all agree. A
+ * provider the workspace switched off resolves to a card that says so. */
 export declare function resolveEmbed(raw: string, options?: EmbedResolveOptions): EmbedResolution;
 //# sourceMappingURL=providers.d.ts.map

package/dist/tools/block/header/css.d.ts

@@ -1,5 +1,5 @@
 export declare const inputStylesKey = "clepit-header-input-styles";
 export declare const inputStyle = "\n/* Header block styles */\n.clepit-header {\n  outline: none;\n  margin: 0;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n  padding: 0 20px;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content {\n  font-weight: bold;\n  margin: 16px 0 8px 0;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content h1 {\n  font-size: 32px;\n  margin: 0;\n  color: inherit;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content h2 {\n  font-size: 24px;\n  margin: 0;\n  color: inherit;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content h3 {\n  font-size: 20px;\n  margin: 0;\n  color: inherit;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content h4 {\n  font-size: 18px;\n  margin: 0;\n  color: inherit;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content h5 {\n  font-size: 16px;\n  margin: 0;\n  color: inherit;\n}\n\n.clepit-block[data-tool=\"header\"] .clepit-block-content h6 {\n  font-size: 14px;\n  margin: 0;\n  color: inherit;\n}\n\n/* Header placeholder styles */\n.clepit-header[data-placeholder]:empty::before {\n  content: attr(data-placeholder);\n  color: var(--clepit-text-subtle);\n  pointer-events: none;\n  font-style: italic;\n}\n\n/* Header link styles */\n.clepit-header a {\n  color: var(--clepit-primary);\n  text-decoration: none;\n  cursor: pointer;\n  transition: color 0.2s ease;\n}\n\n.clepit-header a:hover {\n  color: var(--clepit-primary-hover);\n  text-decoration: none;\n}\n\n/* Header inline code styling */\n.clepit-header code {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n  padding: 0 4px;\n  border-radius: 4px;\n}\n\n/* Header marker brush effect */\n.clepit-header mark {\n  background: none;\n  position: relative;\n  color: inherit;\n  display: inline-block;\n  z-index: 0; /* create stacking context so ::before sits behind text, not page */\n  white-space: pre-wrap; /* ensure leading/trailing spaces inside mark render */\n}\n\n.clepit-header mark::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.15em;\n  height: 1.25em;\n  transform: rotate(-0.4deg);\n  background: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z' fill='%23FFE047'/></svg>\") no-repeat center / 100% 100%;\n  z-index: -1; /* behind text but within mark's stacking context */\n}\n\n";
 export declare const outputStylesKey = "clepit-header-output-styles";
-export declare const outputStyle = "\n/* Output header styles */\n.clepit-output-header {\n  margin: 0 0 1rem 0;\n  font-weight: 600;\n  color: var(--clepit-text);\n}\n\n.clepit-output-header[data-level=\"1\"] {\n  font-size: 2.5rem;\n  line-height: 1.2;\n}\n\n.clepit-output-header[data-level=\"2\"] {\n  font-size: 2rem;\n  line-height: 1.3;\n}\n\n.clepit-output-header[data-level=\"3\"] {\n  font-size: 1.75rem;\n  line-height: 1.4;\n}\n\n.clepit-output-header[data-level=\"4\"] {\n  font-size: 1.5rem;\n  line-height: 1.4;\n}\n\n.clepit-output-header[data-level=\"5\"] {\n  font-size: 1.25rem;\n  line-height: 1.4;\n}\n\n.clepit-output-header[data-level=\"6\"] {\n  font-size: 1rem;\n  line-height: 1.4;\n}\n\n/* Output header inline code styling */\n.clepit-output-header code {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n  padding: 0 4px;\n  border-radius: 4px;\n}\n\n/* Output header marker brush effect */\n.clepit-output-header mark {\n  background: none;\n  position: relative;\n  color: inherit;\n  display: inline-block;\n  z-index: 0;\n  white-space: pre-wrap;\n}\n\n.clepit-output-header mark::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.15em;\n  height: 1.25em;\n  transform: rotate(-0.4deg);\n  background: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z' fill='%23FFE047'/></svg>\") no-repeat center / 100% 100%;\n  z-index: -1;\n}\n\n/* Output header link styles */\n.clepit-output-header a {\n  color: var(--clepit-primary);\n  text-decoration: none;\n  cursor: pointer;\n  transition: color 0.2s ease;\n}\n\n.clepit-output-header a:hover {\n  color: var(--clepit-primary-hover);\n  text-decoration: none;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .clepit-output-header[data-level=\"1\"] {\n    font-size: 2rem;\n  }\n\n  .clepit-output-header[data-level=\"2\"] {\n    font-size: 1.75rem;\n  }\n\n  .clepit-output-header[data-level=\"3\"] {\n    font-size: 1.5rem;\n  }\n}\n";
+export declare const outputStyle = "\n/* Output header styles */\n.clepit-output-header {\n  margin: 0 0 1rem 0;\n  font-weight: 600;\n  color: var(--clepit-text);\n}\n\nh1.clepit-output-header {\n  font-size: 2.5rem;\n  line-height: 1.2;\n}\n\nh2.clepit-output-header {\n  font-size: 2rem;\n  line-height: 1.3;\n}\n\nh3.clepit-output-header {\n  font-size: 1.75rem;\n  line-height: 1.4;\n}\n\nh4.clepit-output-header {\n  font-size: 1.5rem;\n  line-height: 1.4;\n}\n\nh5.clepit-output-header {\n  font-size: 1.25rem;\n  line-height: 1.4;\n}\n\nh6.clepit-output-header {\n  font-size: 1rem;\n  line-height: 1.4;\n}\n\n/* Output header inline code styling */\n.clepit-output-header code {\n  background: var(--clepit-error-bg);\n  color: var(--clepit-error);\n  padding: 0 4px;\n  border-radius: 4px;\n}\n\n/* Output header marker brush effect */\n.clepit-output-header mark {\n  background: none;\n  position: relative;\n  color: inherit;\n  display: inline-block;\n  z-index: 0;\n  white-space: pre-wrap;\n}\n\n.clepit-output-header mark::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0.15em;\n  height: 1.25em;\n  transform: rotate(-0.4deg);\n  background: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'><path d='M0,8 C5,2 15,1 25,3 35,5 45,2 55,4 65,6 75,5 85,7 95,9 100,8 100,8 100,14 95,18 85,17 75,16 65,19 55,17 45,15 35,18 25,16 15,14 5,15 0,12 Z' fill='%23FFE047'/></svg>\") no-repeat center / 100% 100%;\n  z-index: -1;\n}\n\n/* Output header link styles */\n.clepit-output-header a {\n  color: var(--clepit-primary);\n  text-decoration: none;\n  cursor: pointer;\n  transition: color 0.2s ease;\n}\n\n.clepit-output-header a:hover {\n  color: var(--clepit-primary-hover);\n  text-decoration: none;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  h1.clepit-output-header {\n    font-size: 2rem;\n  }\n\n  h2.clepit-output-header {\n    font-size: 1.75rem;\n  }\n\n  h3.clepit-output-header {\n    font-size: 1.5rem;\n  }\n}\n";
 //# sourceMappingURL=css.d.ts.map

package/dist/tools/block/issues/css.d.ts

@@ -0,0 +1,7 @@
+export declare const inputStylesKey = "issues-input";
+export declare const outputStylesKey = "issues-output";
+/** The table shares the chip's stylesheet: its status pill is the chip's, and
+ * the page stylesheet carries the block's rules through the chip's sheet. */
+export declare const inputStyle = "\n.clepit-issue {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 1px 8px 1px 6px;\n  vertical-align: baseline;\n  font-size: 0.92em;\n  line-height: 1.5;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  background: rgba(127, 127, 127, 0.1);\n  border: 1px solid rgba(127, 127, 127, 0.25);\n  border-radius: 999px;\n  cursor: pointer;\n}\n.clepit-issue:hover {\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 28ch;\n}\n.clepit-issue__state {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 999px;\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__state::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n}\n.clepit-issue__state[data-issue-category=\"todo\"] {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue__state[data-issue-category=\"started\"] {\n  color: var(--clepit-primary, #5b5bff);\n  background: var(--clepit-primary-bg, rgba(91, 91, 255, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"done\"] {\n  color: var(--clepit-success, #15803d);\n  background: var(--clepit-success-bg, rgba(21, 128, 61, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"cancelled\"] {\n  color: var(--clepit-text-muted, #6b7280);\n  text-decoration: line-through;\n}\n.clepit-issue__assignee {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border-radius: 50%;\n}\n.clepit-issue__reason {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue--reason {\n  border-style: dashed;\n}\n[data-issue-chip-status=\"off\"] .clepit-issue__state,\n[data-issue-chip-assignee=\"off\"] .clepit-issue__assignee {\n  display: none;\n}\n.clepit-issue-menu {\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 180px;\n  padding: 4px;\n  font-size: 13px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-issue-menu a,\n.clepit-issue-menu button {\n  display: block;\n  width: 100%;\n  padding: 6px 10px;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  text-decoration: none;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.clepit-issue-menu a:hover,\n.clepit-issue-menu button:hover {\n  background: rgba(127, 127, 127, 0.1);\n}\n.clepit-issue-menu__reason {\n  padding: 6px 10px 2px;\n  font-size: 12px;\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue-card {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  color: inherit;\n  text-decoration: none;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-issue-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-issue-card__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.clepit-issue-card__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue-card__title {\n  font-weight: 600;\n}\n.clepit-issue-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px 12px;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__assignee {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.clepit-issue-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-issues {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.95em;\n}\n.clepit-issues th,\n.clepit-issues td {\n  padding: 6px 10px;\n  text-align: left;\n  border-bottom: 1px solid rgba(127, 127, 127, 0.25);\n}\n.clepit-issues th {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.7;\n}\n.clepit-issues a {\n  color: inherit;\n  font-weight: 600;\n  text-decoration: none;\n}\n.clepit-issues a:hover {\n  text-decoration: underline;\n}\n.clepit-issues__empty {\n  opacity: 0.55;\n}\n";
+export declare const outputStyle = "\n.clepit-issue {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 1px 8px 1px 6px;\n  vertical-align: baseline;\n  font-size: 0.92em;\n  line-height: 1.5;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  background: rgba(127, 127, 127, 0.1);\n  border: 1px solid rgba(127, 127, 127, 0.25);\n  border-radius: 999px;\n  cursor: pointer;\n}\n.clepit-issue:hover {\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 28ch;\n}\n.clepit-issue__state {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 999px;\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__state::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n}\n.clepit-issue__state[data-issue-category=\"todo\"] {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue__state[data-issue-category=\"started\"] {\n  color: var(--clepit-primary, #5b5bff);\n  background: var(--clepit-primary-bg, rgba(91, 91, 255, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"done\"] {\n  color: var(--clepit-success, #15803d);\n  background: var(--clepit-success-bg, rgba(21, 128, 61, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"cancelled\"] {\n  color: var(--clepit-text-muted, #6b7280);\n  text-decoration: line-through;\n}\n.clepit-issue__assignee {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border-radius: 50%;\n}\n.clepit-issue__reason {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue--reason {\n  border-style: dashed;\n}\n[data-issue-chip-status=\"off\"] .clepit-issue__state,\n[data-issue-chip-assignee=\"off\"] .clepit-issue__assignee {\n  display: none;\n}\n.clepit-issue-menu {\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 180px;\n  padding: 4px;\n  font-size: 13px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-issue-menu a,\n.clepit-issue-menu button {\n  display: block;\n  width: 100%;\n  padding: 6px 10px;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  text-decoration: none;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.clepit-issue-menu a:hover,\n.clepit-issue-menu button:hover {\n  background: rgba(127, 127, 127, 0.1);\n}\n.clepit-issue-menu__reason {\n  padding: 6px 10px 2px;\n  font-size: 12px;\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue-card {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  color: inherit;\n  text-decoration: none;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-issue-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-issue-card__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.clepit-issue-card__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue-card__title {\n  font-weight: 600;\n}\n.clepit-issue-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px 12px;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__assignee {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.clepit-issue-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-issues {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.95em;\n}\n.clepit-issues th,\n.clepit-issues td {\n  padding: 6px 10px;\n  text-align: left;\n  border-bottom: 1px solid rgba(127, 127, 127, 0.25);\n}\n.clepit-issues th {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.7;\n}\n.clepit-issues a {\n  color: inherit;\n  font-weight: 600;\n  text-decoration: none;\n}\n.clepit-issues a:hover {\n  text-decoration: underline;\n}\n.clepit-issues__empty {\n  opacity: 0.55;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/block/issues/index.d.ts

@@ -0,0 +1,13 @@
+import { IssuesInput } from './input';
+import { IssuesOutput } from './output';
+import { ToolType } from '../../../types';
+export declare const IssuesTool: {
+    icon: string;
+    readonly input: typeof IssuesInput;
+    label: string;
+    readonly output: typeof IssuesOutput;
+    shortcut: string;
+    testId: string;
+    type: ToolType;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/block/issues/input.d.ts

@@ -0,0 +1,14 @@
+import { InputConfig, IssueSnapshot, IssuesData } from '../../../types';
+export declare class IssuesInput {
+    static placeholder: string;
+    private static eventListenersMap;
+    static save(_element: HTMLElement): IssuesData;
+    static render(containerId: string, _data?: IssuesData, config?: InputConfig<'issues'>): HTMLElement;
+    /** A refresh hands the table its fresh set and redraws every table in the
+     * editor without touching the document. */
+    static refresh(containerId: string, issues: Record<string, IssueSnapshot>): void;
+    static isEmpty(_blockElement: HTMLElement): boolean;
+    static isEmptyData(_data: IssuesData): boolean;
+    static destroy(containerId: string): void;
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/tools/block/issues/output.d.ts

@@ -0,0 +1,24 @@
+import { Backing, ClepitElement, DrawContext } from '../../../core/element';
+import { Block, BlockClassNames, BlockStyles, IssueLabel, IssueSnapshot, IssuesData, OutputConfig } from '../../../types';
+type Labels = Partial<Record<IssueLabel, string>> | undefined;
+type IssuesContext = {
+    documentBlocks?: readonly Block[];
+    issues?: Record<string, IssueSnapshot>;
+    issueLabels?: Labels;
+};
+/**
+ * The Linked issues block: derived from the document like the table of
+ * contents. Every chip in any text a block stores and every issue card, once
+ * each by URL, in document order, each row carrying the freshest snapshot the
+ * renderer was handed and the stored one otherwise.
+ */
+export declare class IssuesOutput {
+    static collect(documentBlocks: readonly Block[] | undefined, issues?: Record<string, IssueSnapshot>): IssueSnapshot[];
+    static render(_data: IssuesData, config?: OutputConfig & IssuesContext, styles?: BlockStyles['issues'], classNames?: BlockClassNames['issues']): HTMLElement;
+    /** Where `render` shows "no issues linked yet", this draws nothing: a
+     * published page has no author to reassure. */
+    static draw(data: IssuesData, backing?: Backing, context?: DrawContext): ClepitElement | null;
+    private static table;
+}
+export {};
+//# sourceMappingURL=output.d.ts.map

package/dist/tools/inline/issue/css.d.ts

@@ -0,0 +1,10 @@
+export declare const stylesKey = "inline-issue";
+/** The status tool's pill grown into a chip: one line, the key set, the title
+ * plain, the status a 6px dot and a 12px word on a 16% tint, the holder's
+ * initials in a 18px circle. A reason chip keeps the key and says why, muted.
+ * The two per-person switches hide a part from any ancestor that carries
+ * them, in the editor and on a rendered page alike. */
+export declare const style = "\n.clepit-issue {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 1px 8px 1px 6px;\n  vertical-align: baseline;\n  font-size: 0.92em;\n  line-height: 1.5;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  background: rgba(127, 127, 127, 0.1);\n  border: 1px solid rgba(127, 127, 127, 0.25);\n  border-radius: 999px;\n  cursor: pointer;\n}\n.clepit-issue:hover {\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 28ch;\n}\n.clepit-issue__state {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 999px;\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__state::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n}\n.clepit-issue__state[data-issue-category=\"todo\"] {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue__state[data-issue-category=\"started\"] {\n  color: var(--clepit-primary, #5b5bff);\n  background: var(--clepit-primary-bg, rgba(91, 91, 255, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"done\"] {\n  color: var(--clepit-success, #15803d);\n  background: var(--clepit-success-bg, rgba(21, 128, 61, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"cancelled\"] {\n  color: var(--clepit-text-muted, #6b7280);\n  text-decoration: line-through;\n}\n.clepit-issue__assignee {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border-radius: 50%;\n}\n.clepit-issue__reason {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue--reason {\n  border-style: dashed;\n}\n[data-issue-chip-status=\"off\"] .clepit-issue__state,\n[data-issue-chip-assignee=\"off\"] .clepit-issue__assignee {\n  display: none;\n}\n.clepit-issue-menu {\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 180px;\n  padding: 4px;\n  font-size: 13px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-issue-menu a,\n.clepit-issue-menu button {\n  display: block;\n  width: 100%;\n  padding: 6px 10px;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  text-decoration: none;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.clepit-issue-menu a:hover,\n.clepit-issue-menu button:hover {\n  background: rgba(127, 127, 127, 0.1);\n}\n.clepit-issue-menu__reason {\n  padding: 6px 10px 2px;\n  font-size: 12px;\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue-card {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  color: inherit;\n  text-decoration: none;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-issue-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-issue-card__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.clepit-issue-card__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue-card__title {\n  font-weight: 600;\n}\n.clepit-issue-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px 12px;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__assignee {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.clepit-issue-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-issues {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.95em;\n}\n.clepit-issues th,\n.clepit-issues td {\n  padding: 6px 10px;\n  text-align: left;\n  border-bottom: 1px solid rgba(127, 127, 127, 0.25);\n}\n.clepit-issues th {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.7;\n}\n.clepit-issues a {\n  color: inherit;\n  font-weight: 600;\n  text-decoration: none;\n}\n.clepit-issues a:hover {\n  text-decoration: underline;\n}\n.clepit-issues__empty {\n  opacity: 0.55;\n}\n";
+export declare const inputStyle = "\n.clepit-issue {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 1px 8px 1px 6px;\n  vertical-align: baseline;\n  font-size: 0.92em;\n  line-height: 1.5;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  background: rgba(127, 127, 127, 0.1);\n  border: 1px solid rgba(127, 127, 127, 0.25);\n  border-radius: 999px;\n  cursor: pointer;\n}\n.clepit-issue:hover {\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 28ch;\n}\n.clepit-issue__state {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 999px;\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__state::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n}\n.clepit-issue__state[data-issue-category=\"todo\"] {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue__state[data-issue-category=\"started\"] {\n  color: var(--clepit-primary, #5b5bff);\n  background: var(--clepit-primary-bg, rgba(91, 91, 255, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"done\"] {\n  color: var(--clepit-success, #15803d);\n  background: var(--clepit-success-bg, rgba(21, 128, 61, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"cancelled\"] {\n  color: var(--clepit-text-muted, #6b7280);\n  text-decoration: line-through;\n}\n.clepit-issue__assignee {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border-radius: 50%;\n}\n.clepit-issue__reason {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue--reason {\n  border-style: dashed;\n}\n[data-issue-chip-status=\"off\"] .clepit-issue__state,\n[data-issue-chip-assignee=\"off\"] .clepit-issue__assignee {\n  display: none;\n}\n.clepit-issue-menu {\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 180px;\n  padding: 4px;\n  font-size: 13px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-issue-menu a,\n.clepit-issue-menu button {\n  display: block;\n  width: 100%;\n  padding: 6px 10px;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  text-decoration: none;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.clepit-issue-menu a:hover,\n.clepit-issue-menu button:hover {\n  background: rgba(127, 127, 127, 0.1);\n}\n.clepit-issue-menu__reason {\n  padding: 6px 10px 2px;\n  font-size: 12px;\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue-card {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  color: inherit;\n  text-decoration: none;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-issue-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-issue-card__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.clepit-issue-card__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue-card__title {\n  font-weight: 600;\n}\n.clepit-issue-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px 12px;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__assignee {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.clepit-issue-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-issues {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.95em;\n}\n.clepit-issues th,\n.clepit-issues td {\n  padding: 6px 10px;\n  text-align: left;\n  border-bottom: 1px solid rgba(127, 127, 127, 0.25);\n}\n.clepit-issues th {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.7;\n}\n.clepit-issues a {\n  color: inherit;\n  font-weight: 600;\n  text-decoration: none;\n}\n.clepit-issues a:hover {\n  text-decoration: underline;\n}\n.clepit-issues__empty {\n  opacity: 0.55;\n}\n";
+export declare const outputStyle = "\n.clepit-issue {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  padding: 1px 8px 1px 6px;\n  vertical-align: baseline;\n  font-size: 0.92em;\n  line-height: 1.5;\n  color: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  background: rgba(127, 127, 127, 0.1);\n  border: 1px solid rgba(127, 127, 127, 0.25);\n  border-radius: 999px;\n  cursor: pointer;\n}\n.clepit-issue:hover {\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 28ch;\n}\n.clepit-issue__state {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 7px;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 999px;\n  background: rgba(127, 127, 127, 0.16);\n}\n.clepit-issue__state::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n}\n.clepit-issue__state[data-issue-category=\"todo\"] {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue__state[data-issue-category=\"started\"] {\n  color: var(--clepit-primary, #5b5bff);\n  background: var(--clepit-primary-bg, rgba(91, 91, 255, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"done\"] {\n  color: var(--clepit-success, #15803d);\n  background: var(--clepit-success-bg, rgba(21, 128, 61, 0.16));\n}\n.clepit-issue__state[data-issue-category=\"cancelled\"] {\n  color: var(--clepit-text-muted, #6b7280);\n  text-decoration: line-through;\n}\n.clepit-issue__assignee {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: #fff;\n  background: var(--clepit-primary, #5b5bff);\n  border-radius: 50%;\n}\n.clepit-issue__reason {\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue--reason {\n  border-style: dashed;\n}\n[data-issue-chip-status=\"off\"] .clepit-issue__state,\n[data-issue-chip-assignee=\"off\"] .clepit-issue__assignee {\n  display: none;\n}\n.clepit-issue-menu {\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 180px;\n  padding: 4px;\n  font-size: 13px;\n  background: var(--clepit-surface, #fff);\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\n}\n.clepit-issue-menu a,\n.clepit-issue-menu button {\n  display: block;\n  width: 100%;\n  padding: 6px 10px;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  text-decoration: none;\n  background: none;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.clepit-issue-menu a:hover,\n.clepit-issue-menu button:hover {\n  background: rgba(127, 127, 127, 0.1);\n}\n.clepit-issue-menu__reason {\n  padding: 6px 10px 2px;\n  font-size: 12px;\n  color: var(--clepit-text-muted, #6b7280);\n}\n.clepit-issue-card {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 12px;\n  color: inherit;\n  text-decoration: none;\n  border: 1px solid rgba(127, 127, 127, 0.35);\n  border-radius: 8px;\n}\n.clepit-issue-card:hover {\n  background: rgba(127, 127, 127, 0.08);\n}\n.clepit-issue-card__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.clepit-issue-card__key {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.clepit-issue-card__title {\n  font-weight: 600;\n}\n.clepit-issue-card__meta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px 12px;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__assignee {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n.clepit-issue-card__reason {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 14px;\n  align-items: center;\n  font-size: 0.9em;\n  opacity: 0.85;\n}\n.clepit-issue-card__action {\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  border: 0;\n  cursor: pointer;\n}\n.clepit-issues {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.95em;\n}\n.clepit-issues th,\n.clepit-issues td {\n  padding: 6px 10px;\n  text-align: left;\n  border-bottom: 1px solid rgba(127, 127, 127, 0.25);\n}\n.clepit-issues th {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  opacity: 0.7;\n}\n.clepit-issues a {\n  color: inherit;\n  font-weight: 600;\n  text-decoration: none;\n}\n.clepit-issues a:hover {\n  text-decoration: underline;\n}\n.clepit-issues__empty {\n  opacity: 0.55;\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/dist/tools/inline/issue/index.d.ts

@@ -0,0 +1,58 @@
+import { Backing, ClepitElement } from '../../../core/element';
+import { IssueChipParts, IssueLabel, IssueSnapshot } from '../../../types';
+export declare const ISSUE_CHIP_CLASS = "clepit-issue";
+type Labels = Partial<Record<IssueLabel, string>> | undefined;
+/** The first letters of the first two words: `Amina Diallo` is `AD`. */
+export declare const initials: (name: string) => string;
+/** The date a timestamp falls on, which is what the card says under "updated". */
+export declare const dayOf: (iso: string) => string;
+/** The sentence a chip or a card explains itself with when it has no snapshot. */
+export declare const reasonText: (snapshot: Pick<IssueSnapshot, "reason" | "tool">, labels: Labels) => string | null;
+/** The word for a status: the tool's own when it gave one, the category
+ * otherwise (Asana has only a done flag). */
+export declare const stateText: (snapshot: Pick<IssueSnapshot, "category" | "stateName">, labels: Labels) => string;
+/** A snapshot with every optional part absent: what a chip is before its lookup answers. */
+export declare const bareIssue: (url: string, tool: string, key?: string) => IssueSnapshot;
+/**
+ * The inline chip. One drawing for both backings; the DOM path wraps it.
+ *
+ * Everything the chip knows rides on `data-issue-*` attributes so the stored
+ * HTML carries the last known state (a page opened offline still shows it) and
+ * a refresh can rewrite the chip in place. The parts a member switched off are
+ * hidden by CSS from an ancestor's `data-issue-chip-*` attribute rather than
+ * omitted, so the stored document is the same for every reader.
+ */
+export declare class IssueChip {
+    static build(snapshot: IssueSnapshot, labels: Labels, backing?: Backing): ClepitElement;
+    /** The chip as markup, for a document drawn with no browser. */
+    static markup(snapshot: IssueSnapshot, labels: Labels, sanitize: (html: string) => string): string;
+    static create(snapshot: IssueSnapshot, labels: Labels): HTMLAnchorElement;
+    /** Rewrites a chip in place from a fresh snapshot: attributes and children,
+     * the node itself kept so the caret and the paragraph around it are untouched. */
+    static refresh(anchor: Element, snapshot: IssueSnapshot, labels: Labels): void;
+    /** What a chip knows, read back off its attributes. */
+    static read(anchor: Element): IssueSnapshot;
+    static collect(root: ParentNode): HTMLAnchorElement[];
+    /** Every chip under `root` rewritten from the snapshots the host resolved,
+     * keyed by URL; a chip with no answer keeps what it stored. */
+    static refreshAll(root: ParentNode, issues: Record<string, IssueSnapshot>, labels: Labels): void;
+    /** Stamps the two per-person switches on a root so its chips hide the parts
+     * the member asked to hide. */
+    static applyParts(root: Element, parts: IssueChipParts | undefined): void;
+    /** Inserts a chip at the caret, the mention precedent, with a space after it
+     * so typing continues outside the chip. Null with no selection to insert into. */
+    static insertAtCaret(snapshot: IssueSnapshot, labels: Labels): HTMLAnchorElement | null;
+    private static attributes;
+}
+/** A chip's snapshot read off its markup, the string twin of `IssueChip.read`. */
+export declare const readChipMarkup: (chip: string) => IssueSnapshot;
+/** Every chip in a stored HTML string, as stored. */
+export declare const chipsInHtml: (html: string) => IssueSnapshot[];
+/**
+ * Every chip in a rendered HTML string redrawn from the snapshots the host
+ * resolved, with the parts a reader switched off omitted: the string path has
+ * no ancestor to hang the CSS switches on, so it draws what the DOM path hides.
+ */
+export declare const refreshChipsInHtml: (html: string, issues: Record<string, IssueSnapshot> | undefined, parts: IssueChipParts | undefined, labels: Labels, sanitize: (html: string) => string) => string;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/inline/issue/labels.d.ts

@@ -0,0 +1,11 @@
+import { IssueCategory, IssueLabel, IssueTool } from '../../../types';
+/** The English this package ships for issue chips, cards and the Linked
+ * issues table. A host replaces any of these through `issueLabels`. */
+export declare const ISSUE_ENGLISH: Record<IssueLabel, string>;
+/** Proper nouns stay themselves in every locale. The group word ("GitHub
+ * issues") belongs to the catalogue; a sentence names the tool alone. */
+export declare const ISSUE_TOOL_NAMES: Record<IssueTool, string>;
+export declare const CATEGORY_LABEL: Record<IssueCategory, IssueLabel>;
+export declare function issueLabel(labels: Partial<Record<IssueLabel, string>> | undefined, key: IssueLabel, replacements?: Record<string, string>): string;
+export declare const issueToolName: (tool: string) => string;
+//# sourceMappingURL=labels.d.ts.map

package/dist/tools/inline/issue/menu.d.ts

@@ -0,0 +1,14 @@
+/**
+ * What a click on a chip offers while editing: open the issue in its tool, or
+ * show it as a card; a chip that could not be read says why and offers the
+ * connect. Outside the editor a chip is a plain link and no menu exists.
+ */
+export declare const IssueChipMenu: {
+    dismiss(containerId: string): void;
+    show(containerId: string, anchor: HTMLAnchorElement): void;
+    /** The chip leaves the sentence and an issue card takes the next slot: a
+     * card is a block, so it cannot sit where a chip sat. A sentence left empty
+     * gives its slot to the card instead. */
+    showAsCard(containerId: string, anchor: HTMLAnchorElement): void;
+};
+//# sourceMappingURL=menu.d.ts.map

package/dist/tools/inline/issue/paste.d.ts

@@ -0,0 +1,22 @@
+import { IssueSnapshot, IssueTarget } from '../../../types';
+/** The tracker a pasted link belongs to, or null for any other text. */
+export declare function pasteIssueTarget(text: string, jiraSites?: readonly string[]): IssueTarget | null;
+/**
+ * The host's lookup for a set of links, never throwing: a lookup that fails
+ * answers every link with "did not answer" so the chips say so instead of
+ * staying blank. Without a host lookup, nothing is known and nothing changes.
+ */
+export declare function lookupIssues(containerId: string, urls: readonly string[]): Promise<Record<string, IssueSnapshot>>;
+/**
+ * Puts a pasted issue link where the paste landed (picks 2026-09-06): a chip
+ * at the caret always, except on an empty line for a member who asked for
+ * cards, where the line becomes an issue card. Then asks the host's lookup to
+ * fill it. The paste preference for embeds does not apply to an issue link.
+ */
+export declare function placeIssue(containerId: string, blockElement: HTMLElement, blockIndex: number, isEmpty: boolean, url: string, target: IssueTarget): Promise<void>;
+/** The snapshot arrives after the chip does and is written into the chip and,
+ * through the block's save, into the document. */
+export declare function fillIssueChip(containerId: string, chip: HTMLAnchorElement, url: string): Promise<void>;
+/** The card's snapshot, written into the block's data so the document carries it. */
+export declare function fillIssueCard(containerId: string, blockId: string, url: string): Promise<void>;
+//# sourceMappingURL=paste.d.ts.map

package/dist/tools/inline/issue/providers.d.ts

@@ -0,0 +1,9 @@
+import { IssueTarget } from '../../../types';
+/**
+ * Which tracker a URL belongs to, by host and path shape alone, or null for
+ * any other link. `jiraSites` are the site URLs the reader's connections reach,
+ * so a Jira site on its own domain is recognised. Every match is on the whole
+ * host, so a lookalike (`linear.app.evil.example`) is null.
+ */
+export declare function classifyIssueUrl(url: string, jiraSites?: readonly string[]): IssueTarget | null;
+//# sourceMappingURL=providers.d.ts.map