@hiver/connector-agent 4.14.0-multiRef-beta.0 → 4.14.0-slack-beta.2

package/features/slack/components/SlackConversationTab.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+interface SlackConversationTabProps {
+    /** Optional external trigger for parent-driven open. Internal
+     *  state still owns visibility; the host can listen if it needs to
+     *  track when the user opens the start flow. */
+    onStartFlowRequested?: () => void;
+}
+/**
+ * UI-1 — Slack tab content inside the host's conversation-thread
+ * tab bar (sibling to "Conversation"). The host (outlook-ui) mounts
+ * this component inside the active-tab panel of its tab system.
+ *
+ * State machine collapses several backend signals into one of:
+ *   - `gated`       — effective-config says enabled=false. Soft hint
+ *                     with the reason code; no CTA. Admin needs to
+ *                     configure Slack first.
+ *   - `disconnected`/`reauth_required`/`workspace_mismatch` —
+ *                     opens <SlackConnectModal> over the whole app.
+ *                     Tab content shows a thin pending state behind.
+ *   - `linked`      — a Slack thread is already linked to this Hiver
+ *                     conv. Renders LinkedConversationPanel (UI-5,
+ *                     placeholder stub until that ships).
+ *   - `ready`       — connected, no link yet. Shows hero
+ *                     illustration + chip row + "Start New" CTA.
+ *
+ * Loading states fall through to a small inline message — reads
+ * are cheap and a single retry is enough.
+ */
+export declare const SlackConversationTab: FC<SlackConversationTabProps>;
+export default SlackConversationTab;
+//# sourceMappingURL=SlackConversationTab.d.ts.map

package/features/slack/components/SlackConversationTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackConversationTab.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/SlackConversationTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAqB7D,UAAU,yBAAyB;IACjC;;oDAEgD;IAChD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAmI9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/features/slack/components/SlackLogo.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+/**
+ * Inlined Slack logomark — Slack's brand-approved four-square shape.
+ * Inlined rather than fetched from @hiver/hiver-ui-kit because the
+ * kit doesn't ship third-party logos, and a single SVG is cheaper
+ * than a managed asset for the empty-state hero.
+ */
+export declare const SlackLogo: FC<{
+    size?: number;
+}>;
+//# sourceMappingURL=SlackLogo.d.ts.map

package/features/slack/components/SlackLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackLogo.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/SlackLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAO3C,CAAC"}

package/features/slack/components/StartModal/SelectField.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface SelectOption<V extends string> {
+    value: V;
+    label: ReactNode;
+}
+interface SelectFieldProps<V extends string> {
+    value: V;
+    options: SelectOption<V>[];
+    onChange: (value: V) => void;
+}
+/**
+ * Bordered select that matches Figma's field chrome. Built on a custom
+ * trigger + MUI Menu rather than MUI's <Select> so the border, radius,
+ * padding, and chevron land exactly — MUI's Select renders its own
+ * standard-variant input that resists `sx` overrides.
+ */
+export declare function SelectField<V extends string>({ value, options, onChange }: SelectFieldProps<V>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectField.d.ts.map

package/features/slack/components/StartModal/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM;IAC5C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM;IACzC,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAgC9F"}

package/features/slack/components/StartModal/SlackChannelTab.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+/**
+ * Form-state shape kept distinct from the wire type. UX uses a
+ * 'public' | 'private' string for the channel Type select, and
+ * 'message' as the field name on the form; the wire shape uses
+ * `isPrivate: boolean` and `messageText` — StartModal transforms
+ * at the submit boundary.
+ */
+export interface ChannelFormValues {
+    channelName: string;
+    channelType: 'public' | 'private';
+    memberEmails: string[];
+    message: string;
+}
+interface SlackChannelTabProps {
+    values: ChannelFormValues;
+    onChange: (next: ChannelFormValues) => void;
+}
+export declare const SlackChannelTab: FC<SlackChannelTabProps>;
+export {};
+//# sourceMappingURL=SlackChannelTab.d.ts.map

package/features/slack/components/StartModal/SlackChannelTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackChannelTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/SlackChannelTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2B,MAAM,OAAO,CAAC;AAQpD;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,oBAAoB;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AA6BD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuFpD,CAAC"}

package/features/slack/components/StartModal/SlackThreadTab.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+interface SlackThreadTabProps {
+    channelId: string | null;
+    message: string;
+    onChannelChange: (channelId: string | null) => void;
+    onMessageChange: (message: string) => void;
+}
+/**
+ * UI-3 — Slack thread tab body. Pick an existing channel and write
+ * a thread starter. Matches Figma frame 683:665296.
+ *
+ * The channel picker keeps MUI's Autocomplete for its search + popup
+ * logic, but renders into our own bordered field chrome via
+ * `renderInput` (InputShell + BareInput) so the border/radius/padding
+ * match Figma exactly — see style.ts for why we don't fight MUI's
+ * standard-variant input. The `#channel` / `🔒channel` prefix carries
+ * Slack's public/private indicator.
+ *
+ * On submit, parent (StartModal) calls
+ *   POST /v1/connectors/slack/agent/start/existing-channel
+ * with the selected channelId + message.
+ */
+export declare const SlackThreadTab: FC<SlackThreadTabProps>;
+export {};
+//# sourceMappingURL=SlackThreadTab.d.ts.map

package/features/slack/components/StartModal/SlackThreadTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackThreadTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/SlackThreadTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAS3C,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAgElD,CAAC"}

package/features/slack/components/StartModal/TabIcon.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+/**
+ * Tab-switcher icons rendered inline (not via CSS mask / <img>) so the
+ * stroke inherits the tab's active/inactive color through
+ * `stroke="currentColor"`. A masked data-URI broke here because the
+ * icon stroke colors contain `#`, which truncates the mask url() into
+ * a fragment — leaving a solid filled square. Inline SVG sidesteps that
+ * entirely. Paths are the exact Figma exports (thread = message bubble,
+ * channel = hash).
+ */
+interface TabIconProps {
+    variant: 'thread' | 'channel';
+}
+export declare const TabIcon: FC<TabIconProps>;
+export {};
+//# sourceMappingURL=TabIcon.d.ts.map

package/features/slack/components/StartModal/TabIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabIcon.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/TabIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B;;;;;;;;GAQG;AACH,UAAU,YAAY;IACpB,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0BpC,CAAC"}

package/features/slack/components/StartModal/index.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+interface StartModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** Called after a successful start, with the linked channel id so
+     *  the parent can transition to the linked-conv view. */
+    onStarted?: (channelId: string) => void;
+}
+/**
+ * UI-2 — shared shell for the "Start new" flow. Two tabs:
+ *
+ *   Slack thread   (UI-3, frame 683:665296) — pick an existing
+ *                  channel, post a thread starter.
+ *   Slack channel  (UI-4, frame 683:664668) — create a brand-new
+ *                  private channel + members + first message.
+ *
+ * Submit/cancel actions are shared. The tab bodies are dedicated
+ * components (SlackThreadTab / SlackChannelTab) that own their
+ * fields — this shell just orchestrates state + dispatch.
+ *
+ * The actual API call lands at:
+ *   POST /v1/connectors/slack/agent/start/existing-channel  (thread)
+ *   POST /v1/connectors/slack/agent/start/new-channel       (channel)
+ */
+export declare const StartModal: FC<StartModalProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/features/slack/components/StartModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AA6BrC,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;6DACyD;IACzD,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqH1C,CAAC"}

package/features/slack/components/StartModal/style.d.ts

@@ -0,0 +1,38 @@
+import { BoxProps, ButtonProps, IconButtonProps, StackProps } from '@hiver/hiver-ui-kit';
+import { StyledComponent } from '@emotion/styled';
+/**
+ * Start-modal primitives — matches Figma frame 683:665888 (applies to
+ * both the Slack thread + Slack channel tabs). <Modal> supplies the
+ * dialog frame; this file owns the visual chrome.
+ *
+ * Design note: rather than fight MUI's standard-variant input
+ * internals (the underline + adornment slots resist `sx` overrides),
+ * the fields are built from our own bordered container (InputShell /
+ * SelectTrigger / MessageTextarea) with a bare input inside. MUI's
+ * Autocomplete still drives the dropdown logic via renderInput; we
+ * just own the chrome. See SlackThreadTab / SlackChannelTab.
+ */
+export declare const ModalShell: StyledComponent<BoxProps>;
+export declare const ModalHeader: StyledComponent<StackProps>;
+export declare const HeaderTitle: StyledComponent<BoxProps>;
+export declare const CloseIconWrap: StyledComponent<IconButtonProps>;
+export declare const ModalContent: StyledComponent<BoxProps>;
+export declare const FieldStack: StyledComponent<BoxProps>;
+export declare const ModalFooter: StyledComponent<StackProps>;
+export declare const TabTrack: StyledComponent<BoxProps>;
+export declare const TabButton: StyledComponent<ButtonProps & {
+    active?: boolean;
+}>;
+export declare const FieldLabel: StyledComponent<BoxProps>;
+export declare const InputShell: StyledComponent<BoxProps>;
+export declare const BareInput: StyledComponent<React.InputHTMLAttributes<HTMLInputElement>>;
+export declare const SelectTrigger: StyledComponent<ButtonProps & {
+    placeholder?: boolean;
+}>;
+export declare const SelectValue: StyledComponent<BoxProps>;
+export declare const MemberChip: StyledComponent<BoxProps>;
+export declare const ChipRemove: StyledComponent<IconButtonProps>;
+export declare const MessageTextarea: StyledComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;
+export declare const CancelButton: StyledComponent<ButtonProps>;
+export declare const PrimaryButton: StyledComponent<ButtonProps>;
+//# sourceMappingURL=style.d.ts.map

package/features/slack/components/StartModal/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD;;;;;;;;;;;GAWG;AAIH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAOhD,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,UAAU,CAOnD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,QAAQ,CAMjD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,eAAe,CAY1D,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAKlD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAIhD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,UAAU,CAKnD,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAO9C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CA8BzE,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAOhD,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAehD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAelF,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,WAAW,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CA4BlF,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,QAAQ,CAMjD,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAchD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,eAAe,CAUvD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CA6B9F,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CA0BrD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,WAAW,CAuBtD,CAAC"}

package/features/slack/components/figma-tokens.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Design tokens extracted from the Slack M1 Figma file (key
+ * l8xIG3MI2gKbvpSfykSR1y) on 2026-06-09 via figma MCP's
+ * get_variable_defs + get_design_context for the linked-conv
+ * panel (frames 683:666914 tab bar / 683:666932 chat content /
+ * 683:667011 composer).
+ *
+ * Why these live here and not @hiver/hiver-ui-kit: the design
+ * system in Figma uses a slate ramp + #276cf0 primary blue that
+ * doesn't fully map to hiver-ui-kit's theme.palette today (which
+ * leans on purple primary). Rather than mutate the shared theme,
+ * we ship Slack-scoped tokens that match Figma exactly. When
+ * @hiver/hiver-ui-kit catches up, this file goes away.
+ *
+ * Token names follow Figma's "Slate/Text/Body" → slateTextBody
+ * convention so the design-handoff trace is obvious.
+ */
+export declare const slackTokens: {
+    readonly color: {
+        readonly slateTextTitle: "#0f172a";
+        readonly slateTextBody: "#334155";
+        readonly slateTextSubtle: "#64758b";
+        readonly slateTextDisabled: "#94a3b8";
+        readonly slateTextCaption: "#cbd5e1";
+        readonly textLabel: "#0c3e9d";
+        readonly blueTextBody: "#0c3e9d";
+        readonly slateBorderLight: "#e2e8f0";
+        readonly slateBorderMild: "#edf1f6";
+        readonly slateSurfaceWhite: "#ffffff";
+        readonly slateSurfaceSubtle: "#f8fafc";
+        readonly slateSurfaceSubtle100: "#f1f5f9";
+        readonly slateSurface150: "#edf1f6";
+        readonly slateSurfaceDisabled: "#e2e8f0";
+        readonly primarySurfaceDefault: "#276cf0";
+        readonly primaryBorderDefault: "#276cf0";
+        readonly primarySurfaceSubtle: "#e6effd";
+        readonly primaryBorderSubtle: "#d4e2fc";
+        readonly hotBorderMain: "#f3f4f6";
+        readonly violetSurfaceFaint: "#fcf0ff";
+        readonly slackAubergine: "#4a154b";
+        readonly slackAubergineHover: "#3a103b";
+    };
+    readonly space: {
+        readonly xs: 2;
+        readonly sm: 4;
+        readonly md: 6;
+        readonly lg: 8;
+        readonly xl: 12;
+        readonly xxl: 16;
+        readonly panel: 20;
+    };
+    readonly radius: {
+        readonly none: 0;
+        readonly xs: 2;
+        readonly sm: 4;
+        readonly md: 6;
+        readonly lg: 8;
+        readonly full: 9999;
+    };
+    readonly font: {
+        readonly family: "Inter, system-ui, sans-serif";
+        readonly weightRegular: 400;
+        readonly weightMedium: 500;
+    };
+    readonly textStyles: {
+        readonly bodyXs: {
+            readonly fontSize: 13;
+            readonly lineHeight: "19px";
+            readonly fontWeight: 500;
+        };
+        readonly body: {
+            readonly fontSize: 14;
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+        readonly bodyMedium: {
+            readonly fontSize: 14;
+            readonly lineHeight: "20px";
+            readonly fontWeight: 500;
+        };
+        readonly caption: {
+            readonly fontSize: 12;
+            readonly lineHeight: "18px";
+            readonly fontWeight: 400;
+        };
+    };
+};
+export type SlackTokens = typeof slackTokens;
+//# sourceMappingURL=figma-tokens.d.ts.map

package/features/slack/components/figma-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma-tokens.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/figma-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC"}

package/features/slack/components/style.d.ts

@@ -0,0 +1,54 @@
+import { BoxProps, ButtonProps, IconButtonProps, StackProps } from '@hiver/hiver-ui-kit';
+import { StyledComponent } from '@emotion/styled';
+/**
+ * Tab content root for the Slack feature. outlook-ui owns the
+ * surrounding tab bar; we paint just the body.
+ */
+export declare const TabContentRoot: StyledComponent<BoxProps>;
+/**
+ * Ready-state container — Hiver↔Slack hero illustration + body +
+ * Start New CTA. Figma frame 683:664077 centers this in the
+ * available area.
+ */
+export declare const ReadyStateContainer: StyledComponent<StackProps>;
+export declare const HeroIllustrationWrapper: StyledComponent<BoxProps>;
+/**
+ * Ready-state containment — Figma frame 683:663852. The tab content
+ * area is a subtle-gray backdrop with 8px padding; the hero + copy +
+ * CTA live inside a rounded white card. The card is content-driven
+ * (top-anchored), so the gray frame — not the card — takes the flex
+ * and shows below the card.
+ */
+export declare const ReadyStateFrame: StyledComponent<BoxProps>;
+export declare const ReadyStateCard: StyledComponent<StackProps>;
+/**
+ * Primary CTA — matches Figma's blue (#276cf0) primary surface.
+ * 8/16 padding, radius 6, Inter Medium 14/20, white text. The
+ * 0 2 3 rgba(0,0,0,0.07) drop shadow matches the Send button per
+ * Figma 683:667027.
+ */
+export declare const PrimaryButton: StyledComponent<ButtonProps>;
+/**
+ * Connect-Slack CTA — Slack brand aubergine (#4a154b) with a leading
+ * hash glyph, per Figma 683:660098. Distinct from the blue
+ * PrimaryButton; content-sized (NOT full width), radius 6, 8/32 pad.
+ */
+export declare const ConnectSlackButton: StyledComponent<ButtonProps>;
+export declare const SecondaryButton: StyledComponent<ButtonProps>;
+/**
+ * Centered modal — Figma 683:660097 / 660098. Backdrop dims at
+ * rgba(0,0,0,0.4) approx; card is 399 wide × auto tall, radius
+ * 12px, white bg with a soft large drop shadow.
+ */
+export declare const ModalBackdrop: StyledComponent<BoxProps>;
+export declare const ModalCard: StyledComponent<BoxProps>;
+/**
+ * Logo panel inside the Connect modal — lavender wash with the
+ * Hiver / swap / Slack icon trio centered. Per Figma 683:660099
+ * the inner frame is 383×164 inside the 399×312 modal (i.e. a
+ * full-width band that takes the top half).
+ */
+export declare const ModalLogoPanel: StyledComponent<BoxProps>;
+export declare const ModalCloseButton: StyledComponent<IconButtonProps>;
+export declare const LogoImage: StyledComponent<React.ImgHTMLAttributes<HTMLImageElement>>;
+//# sourceMappingURL=style.d.ts.map

package/features/slack/components/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC9F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,QAAQ,CAOpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,eAAe,CAAC,UAAU,CAO3D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,eAAe,CAAC,QAAQ,CAM7D,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,QAAQ,CAQrD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,UAAU,CAYtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,WAAW,CAqBtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,WAAW,CAwB3D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,WAAW,CAexD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,QAAQ,CASnD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,CAa/C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,QAAQ,CASpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,eAAe,CAiB7D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAIhF,CAAC"}

package/features/slack/constants/api.d.ts

@@ -0,0 +1,12 @@
+export declare const SLACK_BASE_URL = "/v1/connectors/slack";
+export declare const SLACK_AGENT_BASE = "/v1/connectors/slack/agent";
+export declare const SLACK_START_EXISTING_CHANNEL_API: string;
+export declare const SLACK_START_NEW_CHANNEL_API: string;
+export declare const SLACK_MESSAGES_API: string;
+export declare const SLACK_MESSAGE_BY_ID_API: string;
+export declare const SLACK_EXTERNAL_CONVERSATION_API: string;
+export declare const SLACK_THREAD_API: string;
+export declare const SLACK_EXTERNAL_CONVERSATIONS_BY_TARGET_API: string;
+export declare const SLACK_CHANNEL_MEMBERS_API: string;
+export declare const SLACK_CHANNELS_API: string;
+//# sourceMappingURL=api.d.ts.map

package/features/slack/constants/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/constants/api.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,yBAAyB,CAAC;AACrD,eAAO,MAAM,gBAAgB,+BAA4B,CAAC;AAE1D,eAAO,MAAM,gCAAgC,EAAE,MAAqD,CAAC;AACrG,eAAO,MAAM,2BAA2B,EAAE,MAAgD,CAAC;AAE3F,eAAO,MAAM,kBAAkB,EAAE,MAAuC,CAAC;AAGzE,eAAO,MAAM,uBAAuB,EAAE,MAA0D,CAAC;AAEjG,eAAO,MAAM,+BAA+B,EAAE,MAAiE,CAAC;AAGhH,eAAO,MAAM,gBAAgB,EAAE,MAAmF,CAAC;AACnH,eAAO,MAAM,0CAA0C,EAAE,MAA+D,CAAC;AAEzH,eAAO,MAAM,yBAAyB,EAAE,MAA8C,CAAC;AAMvF,eAAO,MAAM,kBAAkB,EAAE,MAAuC,CAAC"}

package/features/slack/context.d.ts

@@ -0,0 +1,40 @@
+import { FC, ReactNode } from 'react';
+import { ITrackingData } from '../../context';
+/**
+ * Per-panel context the host (outlook-ui) injects when mounting
+ * the Slack right-panel. Mirrors EmailLoggerProvider's shape so the
+ * Vue→React bridge stays consistent across panels.
+ *
+ * `connectorId` resolves to the install row for this user-group's
+ * Slack connector. The host knows it from its connectors list; we
+ * could fetch + match here, but a prop is one round-trip cheaper and
+ * keeps the panel rendering immediately on mount.
+ */
+export interface SlackContextData {
+    hiverConvId: string;
+    connectorId: string;
+    /**
+     * Shared mailbox id this conversation belongs to. Required for the
+     * Phase 9 effective-config endpoint (`/configs/effective?sm_id=`),
+     * which gates whether Slack renders for the current agent + SM.
+     * Sourced by the host from the conversation's current SM (first
+     * non-personal inbox in outlook-ui's case).
+     */
+    smId: string;
+    isAdmin: boolean;
+    /**
+     * Gainsight tracking sink, injected by the host (outlook-ui passes
+     * its `sendEventData`). Unlike the rest of the agent app, the Slack
+     * tab mounts via its own provider stack — NOT MainAppProvider — so
+     * tracking is threaded through this context instead. Optional so dev
+     * mounts / tests that don't wire analytics fall through to a no-op
+     * at the call site (`sendTrackingEvent?.(...)`).
+     */
+    sendTrackingEvent?: (event: string, data?: ITrackingData) => void;
+}
+export declare const SlackContextProvider: FC<{
+    value: SlackContextData;
+    children: ReactNode;
+}>;
+export declare const useSlackContext: () => SlackContextData;
+//# sourceMappingURL=context.d.ts.map

package/features/slack/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/features/slack/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACnE;AAID,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAErF,CAAC;AAKF,eAAO,MAAM,eAAe,QAAO,gBAMlC,CAAC"}

package/features/slack/hooks/__tests__/useOlderMessages.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useOlderMessages.test.d.ts.map

package/features/slack/hooks/__tests__/useOlderMessages.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOlderMessages.test.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/hooks/__tests__/useOlderMessages.test.ts"],"names":[],"mappings":""}

package/features/slack/hooks/useLeftChannelGuard.d.ts

@@ -0,0 +1,5 @@
+export declare function useLeftChannelGuard(): {
+    hasLeftChannel: boolean;
+    guard: <T>(fn: () => Promise<T>) => Promise<T>;
+};
+//# sourceMappingURL=useLeftChannelGuard.d.ts.map

package/features/slack/hooks/useLeftChannelGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLeftChannelGuard.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/hooks/useLeftChannelGuard.ts"],"names":[],"mappings":"AA2BA,wBAAgB,mBAAmB;;YAIxB,CAAC,MAAM,MAAM,OAAO,CAAC,CAAC,CAAC,KAAG,OAAO,CAAC,CAAC,CAAC;EAgB9C"}

package/features/slack/hooks/useOlderMessages.d.ts

@@ -0,0 +1,51 @@
+import { RefObject } from 'react';
+import { SlackMessage, SlackOlderPage, SlackThreadGroup } from '../types/wire';
+/**
+ * Older-page pagination state for a scrollable list (messages in thread mode,
+ * thread-roots in channel mode).
+ *
+ * Reconciles the live, polled "page 0" window (owned by a useQuery upstream)
+ * with on-demand older history: page 0 stays cheap on the 5s poll, while
+ * older pages are fetched imperatively here and held in session-local state
+ * that is NEVER re-polled (frozen history). The render layer merges
+ * `olderItems` with the polled window, deduping by `getKey`.
+ *
+ * The first older fetch seeds its cursor from page 0's `nextCursor`
+ * (`seedCursor`); each subsequent fetch walks back via the previous page's
+ * cursor. Scroll position is preserved across prepends so the viewport
+ * stays anchored on the same row.
+ */
+interface UseOlderArgs {
+    /** Fetch one older page given the cursor (before_ts) and page-size hint. */
+    fetchPage: (beforeTs: string, pageSize?: number) => Promise<SlackOlderPage>;
+    /** Page-0 cursor (oldest ts of the live window) — seeds the first fetch. */
+    seedCursor?: string | null;
+    /** Page-0 page-size hint, forwarded to the server. */
+    seedPageSize?: number;
+    /** Scroll container; used to preserve scroll position across prepend. */
+    scrollRef: RefObject<HTMLElement | null>;
+    /** Clears accumulated older pages when it changes (e.g. conv/thread id). */
+    resetKey: string;
+    /** Fired once per SUCCESSFUL older-page fetch (not per scroll event). */
+    onLoaded?: () => void;
+}
+export interface UseOlderMessagesResult {
+    olderMessages: SlackMessage[];
+    loadOlder: () => void;
+    isLoadingOlder: boolean;
+    olderError: boolean;
+    canLoadOlder: boolean;
+}
+/** Thread mode: accumulate older messages (dedup by externalMessageId). */
+export declare function useOlderMessages(args: UseOlderArgs): UseOlderMessagesResult;
+export interface UseOlderThreadsResult {
+    olderThreads: SlackThreadGroup[];
+    loadOlder: () => void;
+    isLoadingOlder: boolean;
+    olderError: boolean;
+    canLoadOlder: boolean;
+}
+/** Channel mode: accumulate older thread-roots (dedup by rootTs). */
+export declare function useOlderThreads(args: UseOlderArgs): UseOlderThreadsResult;
+export {};
+//# sourceMappingURL=useOlderMessages.d.ts.map

package/features/slack/hooks/useOlderMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOlderMessages.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/hooks/useOlderMessages.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAElG;;;;;;;;;;;;;;GAcG;AACH,UAAU,YAAY;IACpB,4EAA4E;IAC5E,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC5E,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAwGD,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,sBAAsB,CAO3E;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,qEAAqE;AACrE,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,CAOzE"}

package/features/slack/hooks/useSlackTabLabel.d.ts

@@ -0,0 +1,23 @@
+interface SlackTabLabel {
+    label: string;
+    /** True once we have a confirmed link; lets the host render a
+     *  Slack icon next to the channel name (vs the generic "Slack"
+     *  fallback) and apply any active-link styling. */
+    isLinked: boolean;
+}
+/**
+ * Resolves the tab label outlook-ui renders in its conversation
+ * tab bar.
+ *
+ *  - Pre-link: "Slack" (host renders Slack icon + label)
+ *  - Linked:   channel name (e.g. "l2-escalations-zap") from
+ *              external_conversation; host still renders the Slack
+ *              icon so the user knows it's the Slack tab.
+ *
+ * Lives on the connectors-ui side because the linked-conv lookup
+ * already happens here for the tab content. Avoids the host
+ * duplicating that fetch just to compute a label.
+ */
+export declare function useSlackTabLabel(hiverConvId: string): SlackTabLabel;
+export {};
+//# sourceMappingURL=useSlackTabLabel.d.ts.map

package/features/slack/hooks/useSlackTabLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlackTabLabel.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/hooks/useSlackTabLabel.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;uDAEmD;IACnD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAUnE"}

package/features/slack/messageType.d.ts

@@ -0,0 +1,16 @@
+import { SlackMessage } from './types/wire';
+/**
+ * Slack message-type policy lives on the UI side: the API sends the raw
+ * Slack `subtype` and the client decides what to do with it. Today that
+ * means hiding the reply affordance for system messages; a future
+ * milestone can branch rendering (e.g. a centered "X joined" notice)
+ * off the same field.
+ *
+ * These system subtypes are channel lifecycle events that Slack does NOT
+ * allow thread replies on — attempting to reply 500s on their side.
+ */
+export declare const NON_REPLYABLE_SUBTYPES: ReadonlySet<string>;
+/** Ordinary messages (no subtype) are replyable; system subtypes above
+ *  are not. Unknown subtypes default to replyable. */
+export declare const isReplyable: (message: Pick<SlackMessage, "subtype">) => boolean;
+//# sourceMappingURL=messageType.d.ts.map

package/features/slack/messageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageType.d.ts","sourceRoot":"","sources":["../../../src/features/slack/messageType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAerD,CAAC;AAEH;sDACsD;AACtD,eAAO,MAAM,WAAW,YAAa,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,KAAG,OACH,CAAC"}