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

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

@@ -0,0 +1,96 @@
+import { BoxProps, ButtonProps, StackProps } from '@hiver/hiver-ui-kit';
+import { StyledComponent } from '@emotion/styled';
+/**
+ * Layout for the linked-conv tab content per Figma frame
+ * 683:666932. The host (outlook-ui) owns the tab bar above; we
+ * paint the area under it. Outer vertical borders match the
+ * Figma frame which has `border-l border-r border-[#e2e8f0]`.
+ */
+export declare const LinkedRoot: StyledComponent<BoxProps>;
+/**
+ * Pinned parent slot. Per Figma the parent message is just a
+ * normal Chat-UI row at the top of the panel (same px-[20px]
+ * py-[12px] as replies). No visible separator below it in the
+ * static frame — the visual separation comes from the
+ * subsequent rows starting at their own padded slot.
+ */
+export declare const ParentPin: StyledComponent<BoxProps>;
+export declare const RepliesScroll: StyledComponent<BoxProps>;
+/**
+ * Top-of-list "load older" affordance. Centered, muted caption row shown
+ * above the message list while older history exists (or is loading /
+ * errored). Clickable as a fallback to the scroll-to-top trigger.
+ */
+export declare const LoadOlderBar: StyledComponent<BoxProps>;
+/**
+ * Thread-detail "‹ back" row (Figma 683:669379) — sits above the
+ * drilled-in thread, left-aligned with the message column.
+ */
+export declare const BackRow: StyledComponent<BoxProps>;
+/**
+ * Channel-mode scroll region (B4) — the full list of thread groups in
+ * the linked channel. Same scroll mechanics as RepliesScroll.
+ */
+export declare const ChannelThreadsScroll: StyledComponent<BoxProps>;
+/**
+ * One thread group (a root message + its "Replies (n)" link). Threads
+ * are separated by whitespace only — the Figma has no divider rule
+ * between messages.
+ */
+export declare const ThreadGroupRoot: StyledComponent<BoxProps>;
+/**
+ * Thread-detail reply stack (Figma 683:669746). Replies are indented
+ * 32px so their avatars sit under the root message's text column, and a
+ * vertical rail with a rounded elbow connects each reply back to the
+ * thread — mirroring the design's "Line 19" + "Vector 3" guide.
+ */
+export declare const ThreadReplies: StyledComponent<BoxProps>;
+/**
+ * The reply-threading guide (vertical rail + rounded elbow) is drawn in
+ * ThreadDetailView's ReplyConnector with real positioned elements rather
+ * than pseudo-elements here — it needs deterministic per-reply control
+ * (e.g. capping the rail at the LAST reply), which CSS positional
+ * selectors didn't deliver reliably through the styled Box.
+ */
+/**
+ * Composer outer slot — Figma 683:667011 gives this a 20px
+ * surrounding pad and white background. The inner box (border +
+ * radius) is composed inside the Composer component itself.
+ */
+export declare const ComposerSlotRoot: StyledComponent<BoxProps>;
+/**
+ * One Chat-UI row (Figma 683:666934). Padded 20/12 with 8px gap
+ * between avatar and body column.
+ */
+export declare const MessageRow: StyledComponent<StackProps>;
+/**
+ * Floating per-message action bar, pinned to the row's top-right
+ * (Figma 683:661942: 26px tall white pill, 0.5px hairline border, a
+ * soft `0 0 2px rgba(51,65,85,0.25)` shadow, 6px radius). M1 carries a
+ * single icon-only "Reply" action — the reaction/emoji affordance is
+ * omitted.
+ *
+ * Figma floats it ~half-above the row's top edge (negative offset), so
+ * we use `top: -13px` (= -height/2) to overhang upward. Rows don't clip
+ * their own overflow, so this overlaps the row above cleanly; only the
+ * topmost row scrolled flush to the viewport top can clip — an
+ * acceptable edge case. A high z-index keeps it above adjacent rows'
+ * hover background. `overflow: hidden` clamps the button's hover tint
+ * to the pill's rounded corners.
+ */
+export declare const HoverToolbar: StyledComponent<BoxProps>;
+export declare const ReplyButton: StyledComponent<ButtonProps>;
+export declare const DeleteButton: StyledComponent<ButtonProps>;
+/**
+ * Avatar — 30px fully rounded per Figma 683:666937 (`size-[30px]
+ * rounded-[100px]`). Background per-author in production; the
+ * fallback uses Hiver's purple-light tint.
+ */
+export declare const AvatarCircle: StyledComponent<BoxProps>;
+export declare const MessageBodyCol: StyledComponent<BoxProps>;
+/**
+ * Header row — author + timestamp baseline-aligned with 12px gap
+ * (Figma 683:666940).
+ */
+export declare const MessageHeaderRow: StyledComponent<StackProps>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,QAAQ,CAQhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,CAG/C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,QAAQ,CAUnD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAMlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,QAAQ,CAG7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAM1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,QAAQ,CAGrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,QAAQ,CAGnD,CAAC;AAEF;;;;;;GAMG;AAEH;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,UAAU,CAmBlD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAalD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,WAAW,CAkBpD,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CAmBrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAoBlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,QAAQ,CAMpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,UAAU,CAKxD,CAAC"}

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { ITrackingData } from '../../../context';
+interface SlackConnectModalProps {
+    connectorId: string;
+    open: boolean;
+    onClose: () => void;
+    /** Fired once when user-auth transitions to `connected`. Lets a
+     *  host (outlook-ui) re-check auth status and swap the pre-auth
+     *  button for the Slack tab. */
+    onConnected?: () => void;
+    /** Gainsight sink. Passed as a prop (not read from SlackContext)
+     *  because the host-triggered <SlackConnectModalIsland> mounts this
+     *  modal WITHOUT a SlackContextProvider. */
+    sendTrackingEvent?: (event: string, data?: ITrackingData) => void;
+}
+/**
+ * Connect Slack modal — Figma frame 683:659445 (default) and
+ * 683:660125 (Connecting variant).
+ *
+ * Card 399×auto, white bg, radius 12. Top band is a 164px lavender
+ * (primary-subtle #e6effd) logo panel showing Hiver ⇄ Slack
+ * icons. Below: body copy + primary blue CTA. Close X at top-right.
+ *
+ * Reuses useUserAuthFlow from connector-cards so the OAuth popup
+ * + status polling is identical to other user-tier integrations.
+ */
+export declare const SlackConnectModal: FC<SlackConnectModalProps>;
+export {};
+//# sourceMappingURL=SlackConnectModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlackConnectModal.d.ts","sourceRoot":"","sources":["../../../../src/features/slack/components/SlackConnectModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAUxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAe/C,UAAU,sBAAsB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;oCAEgC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;gDAE4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACnE;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA4FxD,CAAC"}

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"}