@hiver/connector-agent 4.16.1 → 4.17.0

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

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { ChannelMember } from '../../types/wire';
+interface MentionPickerProps {
+    anchor: HTMLElement | null;
+    query: string;
+    members: ChannelMember[];
+    /** Index of the row the keyboard has highlighted (drives Enter-select). */
+    highlightIdx: number;
+    onPick: (member: ChannelMember) => void;
+    /** Keep highlight in sync with mouse hover so click + keyboard agree. */
+    onHighlightChange: (idx: number) => void;
+    onClose: () => void;
+}
+/**
+ * UI-10 — @ mention picker per Figma 683:670087. Shows above the
+ * composer with a scrollable list of channel members. Each row =
+ * 24px avatar + display name (Inter Medium 13/19 slate-body).
+ * Filtered by the `query` substring after the `@` keystroke.
+ *
+ * Keyboard handling lives in the parent composer (so the textarea keeps
+ * focus while the popover navigates); `highlightIdx` is owned there and
+ * passed down. This component renders the list + handles row clicks/hover.
+ * ArrowUp/Down + Enter are translated by the parent into onPick calls.
+ */
+export declare const MentionPicker: FC<MentionPickerProps>;
+export {};
+//# sourceMappingURL=MentionPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionPicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/MentionPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAMtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,2EAA2E;IAC3E,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,yEAAyE;IACzE,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiFhD,CAAC"}

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

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { SlackMessage } from '../../types/wire';
+interface MessageItemProps {
+    message: SlackMessage;
+    /** externalUserId → display name, for rendering `<@U…>` mention
+     *  tokens as `@DisplayName`. Falls back to `@<id>` when unknown. */
+    memberNames?: Map<string, string>;
+    /** When provided, a hover toolbar with a "Reply" action is shown on
+     *  the row (channel list roots). Omitted → no toolbar (e.g. replies
+     *  inside an open thread). */
+    onReply?: () => void;
+    /** Thread-detail replies: indent the content by 32px. Applied as row
+     *  padding (not a wrapper) so the hover highlight stays full-width. */
+    indented?: boolean;
+    /** When true, paint the row with the Slack-notification highlight wash
+     *  (deep-link arrival). Inline background overrides the :hover rule so the
+     *  highlight holds steady while hovered. */
+    isHighlighted?: boolean;
+}
+/**
+ * Single Chat-UI row per Figma 683:666933 / 666934.
+ * Layout: 30×30 rounded-100 avatar + 8px gap + body column.
+ * Body column gap 4px, header row 12px gap items-baseline.
+ *
+ * The BE still emits editedAt/deletedAt for messages edited or
+ * deleted natively in Slack, so we render the `(edited)` badge and
+ * the "This message was deleted." tombstone for inbound display.
+ */
+export declare const MessageItem: FC<MessageItemProps>;
+export {};
+//# sourceMappingURL=MessageItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/MessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAgC,MAAM,OAAO,CAAC;AAQxE,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,6BAA6B,CAAC;AAgB/E,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB;wEACoE;IACpE,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC;;kCAE8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;2EACuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;gDAE4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA0ID;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAyK5C,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FC, ReactElement } from 'react';
+export declare const NotMemberTooltip: FC<{
+    children: ReactElement;
+}>;
+//# sourceMappingURL=NotMemberTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotMemberTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/NotMemberTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAmDzC,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,CAI3D,CAAC"}

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+/**
+ * Composer replacement for the `slack_not_connected` block reason —
+ * the viewer reached the linked panel but has no active Slack auth
+ * (e.g. token revoked between the connect-status check and this read).
+ *
+ * This is a defensive surface: SlackConversationTab already gates the
+ * whole panel behind `userAuthState === 'connected'` and opens
+ * <SlackConnectModal> when auth is missing, so in practice the modal
+ * handles (re)connection. We still block the composer here rather than
+ * let a doomed send through — the whole point of the per-viewer hint
+ * is to avoid the wait-for-failure experience.
+ */
+export declare const ReconnectSlackBanner: FC;
+//# sourceMappingURL=ReconnectSlackBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReconnectSlackBanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ReconnectSlackBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAoClC,CAAC"}

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+interface ThreadDetailViewProps {
+    /** Root ts of the thread being viewed. */
+    threadTs: string;
+    memberNames?: Map<string, string>;
+    hasLeftChannel: boolean;
+    guard?: <T>(fn: () => Promise<T>) => Promise<T>;
+    onBack: () => void;
+}
+/**
+ * B4 channel thread-detail (Figma 683:669379) — drilled in from the
+ * channel list. Lazily fetches the thread's messages (root + replies),
+ * shows a "‹ back" affordance, and a composer that replies INTO this
+ * thread. Replies are only fetched here, never in the list view.
+ */
+export declare const ThreadDetailView: FC<ThreadDetailViewProps>;
+export {};
+//# sourceMappingURL=ThreadDetailView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadDetailView.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ThreadDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAyC,MAAM,OAAO,CAAC;AA0FlE,UAAU,qBAAqB;IAC7B,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoJtD,CAAC"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const ThreadSkeleton: FC;
+//# sourceMappingURL=ThreadSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/ThreadSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+B3B,eAAO,MAAM,cAAc,EAAE,EAM5B,CAAC"}

package/features/slack/components/LinkedConversationPanel/__tests__/MessageItem.test.d.ts

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

package/features/slack/components/LinkedConversationPanel/__tests__/MessageItem.test.d.ts.map

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

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

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+/**
+ * UI-5 — content of the Slack tab when a Slack thread is already
+ * linked to the current Hiver conversation. Layout per Figma frame
+ * 683:666565 (and variants 665917 / 660800):
+ *
+ *   ┌──────────────────────────────────────┐
+ *   │ Parent message (pinned, not scroll)  │
+ *   ├──────────────────────────────────────┤
+ *   │ Reply 1                              │
+ *   │ Reply 2                              │
+ *   │ ...                                  │ ← scrollable
+ *   ├──────────────────────────────────────┤
+ *   │ Composer (UI-9 slot)                 │
+ *   └──────────────────────────────────────┘
+ *
+ * Backend's `messages` array is reverse-chronological with the
+ * parent slot pinned at index 0 (cache shape — see plan-slack-m1-
+ * phase-4). UI-5 keeps that invariant in render: index 0 is the
+ * <ParentPin>, the tail is the scrollable list reversed so newest
+ * sits at the bottom (chat convention).
+ *
+ * The 50-entry trim flag (`isTrimmed`) renders a muted footer at
+ * the top of the scroll list when the cache hit the M1 cap.
+ */
+export declare const LinkedConversationPanel: FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/LinkedConversationPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA8D,MAAM,OAAO,CAAC;AA2BvF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAqdrC,CAAC"}

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

@@ -0,0 +1,114 @@
+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. The overhang lands outside
+ * the row's box, so the topmost row in a scroll container would have its pill
+ * clipped by `overflow-y: auto` (and, in thread mode, hidden behind the
+ * separately-rendered ParentPin). The scroll containers (RepliesScroll /
+ * ChannelThreadsScroll) reserve >= 13px top padding so that overhang stays
+ * inside their padding box and renders un-clipped — see those styles. 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>;
+/**
+ * Inbound reactions row (Figma 683:671873) — the third child of
+ * MessageBodyCol, so the column's 4px gap already spaces it 4px below the
+ * message text. Reactions wrap to the next line when they overflow the
+ * panel width.
+ */
+export declare const ReactionsRow: StyledComponent<BoxProps>;
+/**
+ * One reaction pill (Figma 683:671874 "Emoji states") — a fully-rounded
+ * chip holding a 12px emoji glyph + the reactor count. Neutral fill by
+ * default; the viewer's own reactions get the primary blue wash + hairline
+ * border (the component's "reacted" state). Display-only in M1, so no
+ * hover/cursor affordance. The 1px transparent base border keeps the box
+ * the same size whether or not the self-border is shown.
+ */
+export declare const ReactionPill: StyledComponent<BoxProps>;
+//# 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,CAanD,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,CAQ1D,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,CAuBlD,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;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;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAKlD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,QAAQ,CAQlD,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;AAgB/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,CA6FxD,CAAC"}

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

@@ -0,0 +1,10 @@
+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;
+}
+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;AAuB7D,UAAU,yBAAyB;IACjC;;oDAEgD;IAChD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAiCD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAqK9D,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/MemberSelect.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { SlackUser } from '../../types/wire';
+interface MemberSelectProps {
+    value: SlackUser[];
+    onChange: (next: SlackUser[]) => void;
+}
+export declare const MemberSelect: FC<MemberSelectProps>;
+export {};
+//# sourceMappingURL=MemberSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MemberSelect.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/MemberSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAM7D,UAAU,iBAAiB;IACzB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;CACvC;AAuCD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0G9C,CAAC"}

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

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+interface MentionTextareaProps {
+    /** Human-readable draft (with "@DisplayName" literals). */
+    value: string;
+    /** Reports both the display text and the Slack-mention form (picked
+     *  mentions rewritten to `<@user_id>`) so the parent can show one and
+     *  post the other. */
+    onChange: (displayText: string, slackText: string) => void;
+    /** Slack channel the agent picked in the Start flow. Members are fetched
+     *  for this channel (no link exists yet, so we can't resolve via the conv).
+     *  Mentions are disabled until a channel is selected. */
+    channelId: string | null;
+    placeholder?: string;
+    autoFocus?: boolean;
+}
+/**
+ * Bug 1 — message field for the Start flow that resolves @-mentions to real
+ * Slack mentions, mirroring the thread-reply Composer. Without this the Start
+ * compose posted "@name" as literal text and nobody was notified.
+ *
+ * Controlled: the parent owns the draft string (so Cancel can reset it — see
+ * Bug 8). This component owns only the transient mention map + picker state,
+ * and reuses the shared MentionPicker + mention helpers so keyboard nav
+ * (Bug 4) and `<@id>` conversion behave identically in both composers.
+ */
+export declare const MentionTextarea: FC<MentionTextareaProps>;
+export {};
+//# sourceMappingURL=MentionTextarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionTextarea.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/MentionTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoE,MAAM,OAAO,CAAC;AAgB7F,UAAU,oBAAoB;IAC5B,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd;;0BAEsB;IACtB,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D;;6DAEyD;IACzD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwJpD,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;AAUjD,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,2CAmD9F"}

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

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { SlackUser } from '../../types/wire';
+/**
+ * Form-state shape kept distinct from the wire type. UX uses a
+ * 'public' | 'private' string for the channel Type select, holds the
+ * picked members as full `SlackUser` objects (so chips can show name +
+ * avatar), and names the body field 'message'. The wire shape uses
+ * `isPrivate: boolean`, `memberEmails: string[]`, and `messageText` —
+ * StartModal transforms at the submit boundary.
+ */
+export interface ChannelFormValues {
+    channelName: string;
+    channelType: 'public' | 'private';
+    members: SlackUser[];
+    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,EAAE,MAAM,OAAO,CAAC;AAG3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAM7D;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,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,CAqCpD,CAAC"}

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

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+interface SlackThreadTabProps {
+    channelId: string | null;
+    message: string;
+    onChannelChange: (channelId: string | null) => void;
+    /** Reports both the human-readable draft and the Slack-mention form. */
+    onMessageChange: (message: string, slackText: 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. Channels render as `# name`, with a trailing
+ * 🔒 on private channels marking 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,EAA4B,MAAM,OAAO,CAAC;AAarD,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,wEAAwE;IACxE,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwFlD,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/__tests__/MemberSelect.test.d.ts

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

package/features/slack/components/StartModal/__tests__/MemberSelect.test.d.ts.map

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