@hiver/connector-agent 4.16.1 → 4.18.0-slackm2-beta.0

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

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

@@ -0,0 +1,121 @@
+export declare const isOmniDropdownHost: () => boolean;
+/** Resolved values from outlook-ui apps/v2 .../fields/{SelectNew,WrapNew}.vue. */
+export declare const OMNI_DROPDOWN: {
+    readonly triggerBorderColor: "#d6dde8";
+    readonly triggerBorderHover: "#94a3b8";
+    readonly triggerBorderFocus: "#276cf0";
+    readonly triggerRadius: 6;
+    readonly triggerMinHeight: 40;
+    readonly chevronSize: 20;
+    readonly panelRadius: 8;
+    readonly panelShadow: "0 6px 30px #00000010";
+    readonly panelMinWidth: 180;
+    readonly panelGap: "4px";
+    readonly optionMargin: "0 6px";
+    readonly optionPadding: "6px 10px";
+    readonly optionRadius: 6;
+    readonly optionColor: "#334155";
+    readonly optionActiveColor: "#3e4c5a";
+    readonly optionHighlightBg: "#f1f5f9";
+};
+/**
+ * Omni override block appended to a field trigger's Emotion template
+ * (SelectTrigger / InputShell). Empty string on non-omni hosts, so the
+ * base rules stand untouched. Appended last → wins by cascade order.
+ */
+export declare const omniTriggerOverrides: () => string;
+/**
+ * Paper sx for SelectField's MUI Menu — soft omni shadow + rounded panel,
+ * with a little top/bottom list padding so the first/last inset pill keeps a
+ * touch of breathing room from the panel edge.
+ */
+export declare const omniMenuPaperSx: () => {
+    borderRadius: string;
+    boxShadow: "0 6px 30px #00000010";
+    minWidth: 180;
+    border: string;
+    '& .MuiList-root': {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+} | {
+    borderRadius?: undefined;
+    boxShadow?: undefined;
+    minWidth?: undefined;
+    border?: undefined;
+    '& .MuiList-root'?: undefined;
+};
+/**
+ * Per-item sx for SelectField's MUI MenuItem — inset rounded rows (horizontal
+ * inset + rounded corners), no vertical gap between rows, compact geometry
+ * (MUI forces a 48px min-height), and ONE shared colour for hover + selected.
+ */
+export declare const omniMenuItemSx: () => {
+    minHeight: string;
+    margin: "0 6px";
+    padding: "6px 10px";
+    borderRadius: string;
+    color: "#334155";
+    '&:hover': {
+        backgroundColor: "#f1f5f9";
+        color: "#3e4c5a";
+    };
+    '&.Mui-selected': {
+        backgroundColor: string;
+        color: "#3e4c5a";
+    };
+    '&.Mui-selected:hover': {
+        backgroundColor: string;
+        color: "#3e4c5a";
+    };
+} | {
+    minHeight?: undefined;
+    margin?: undefined;
+    padding?: undefined;
+    borderRadius?: undefined;
+    color?: undefined;
+    '&:hover'?: undefined;
+    '&.Mui-selected'?: undefined;
+    '&.Mui-selected:hover'?: undefined;
+};
+/**
+ * Popper sx for the channel/member Autocompletes — matches the omni panel
+ * chrome, a gap below the input, and inset rounded option rows that share one
+ * highlight colour for focus + selected.
+ */
+export declare const omniAutocompletePopperSx: () => {
+    '& .MuiAutocomplete-paper': {
+        borderRadius: string;
+        boxShadow: "0 6px 30px #00000010";
+        border: string;
+        marginTop: "4px";
+    };
+    '& .MuiAutocomplete-listbox': {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    '& .MuiAutocomplete-option': {
+        minHeight: string;
+        margin: "0 6px";
+        padding: "6px 10px";
+        borderRadius: string;
+        color: "#334155";
+    };
+    '& .MuiAutocomplete-option.Mui-focused': {
+        backgroundColor: string;
+    };
+    '& .MuiAutocomplete-option[aria-selected="true"]': {
+        backgroundColor: string;
+    };
+    '& .MuiAutocomplete-option[aria-selected="true"].Mui-focused': {
+        backgroundColor: string;
+    };
+} | {
+    '& .MuiAutocomplete-paper'?: undefined;
+    '& .MuiAutocomplete-listbox'?: undefined;
+    '& .MuiAutocomplete-option'?: undefined;
+    '& .MuiAutocomplete-option.Mui-focused'?: undefined;
+    '& .MuiAutocomplete-option[aria-selected="true"]'?: undefined;
+    '& .MuiAutocomplete-option[aria-selected="true"].Mui-focused'?: undefined;
+};
+//# sourceMappingURL=dropdownOmni.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownOmni.d.ts","sourceRoot":"","sources":["../../../../../src/features/slack/components/StartModal/dropdownOmni.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,kBAAkB,QAAO,OAAuE,CAAC;AAE9G,kFAAkF;AAClF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAwBhB,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,QAAO,MAchC,CAAC;AAET;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;CASpB,CAAC;AAET;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAET;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC7B,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,EAAyB,MAAM,OAAO,CAAC;AA+BlD,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,CAoM1C,CAAC"}

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

@@ -0,0 +1,39 @@
+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 FormError: StyledComponent<BoxProps>;
+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;AAMvD;;;;;;;;;;;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,CAgBhD,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,CA6BlF,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,QAAQ,CAOjD,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;AAIF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,CAK/C,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,94 @@
+/**
+ * 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 slateSurfaceDark600: "#475569";
+        readonly errorTextSubtle: "#b81717";
+        readonly errorSurfaceDefault: "#b81717";
+        readonly errorSurfaceHover: "#9e1414";
+        readonly primarySurfaceDefault: "#276cf0";
+        readonly primaryBorderDefault: "#276cf0";
+        readonly primarySurfaceSubtle: "#e6effd";
+        readonly primaryBorderSubtle: "#d4e2fc";
+        readonly indigoSurfaceSubtle: "#f5f7ff";
+        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: "'Hanken Grotesk', 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFd,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:663263 (Conversation_Open).
+ * The tab content area is a subtle-gray backdrop with 8px padding; the
+ * hero + copy + CTA live inside a rounded white card. The card fills
+ * the available height and centers its content vertically, so the gray
+ * shows only as a thin 8px border around the full-height 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,CAatD,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,13 @@
+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;
+export declare const SLACK_WORKSPACE_USERS_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;AASzE,eAAO,MAAM,yBAAyB,EAAE,MAAoC,CAAC"}

package/features/slack/context.d.ts

@@ -0,0 +1,99 @@
+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;
+    /**
+     * Host-injected emoji picker. The composer renders only the trigger button;
+     * when the agent clicks it we hand the host the button's DOM node plus a
+     * sink for the chosen emoji, and the host renders its own picker anchored
+     * there. This lets outlook-ui reuse its exact Vue emoji picker (pixel-
+     * identical to the rest of the app) without embedding Vue in this React
+     * library. When absent (dev mounts / hosts that don't inject one), the
+     * composer falls back to a small built-in emoji grid.
+     */
+    openEmojiPicker?: (args: {
+        anchorEl: HTMLElement;
+        onSelect: (emoji: string) => void;
+        onClose?: () => void;
+    }) => void;
+    /**
+     * Whether this surface is currently visible/active. Hosts that keep the
+     * Slack tab mounted but hidden (e.g. the Gmail extension's TabsBridge, which
+     * only toggles `display:none`) pass `false` while another tab is in front so
+     * the 2s `useLinkedConversation` poll pauses for the hidden surface —
+     * react-query's `refetchIntervalInBackground:false` only covers a hidden
+     * BROWSER tab, not a `display:none` element. Defaults to `true` (always
+     * polling) so hosts that always show the surface — outlook-ui, dev mounts —
+     * need not pass it.
+     */
+    isActive?: boolean;
+    /**
+     * Slack-notification deep-link: the `ts` of the message that triggered the
+     * notification. When set, the linked-conversation panel scrolls that message
+     * into view and paints it with the highlight wash (then fades). Sourced by
+     * the host from the notification's `message-ts` query param.
+     */
+    highlightMessageTs?: string;
+    /**
+     * Thread root ts of the triggering message, set when it's a reply. In channel
+     * mode the list only shows thread roots (replies are lazy-loaded), so we
+     * highlight the thread's top-level message — `highlightThreadTs` — instead of
+     * the reply. Absent for top-level messages (highlight falls back to
+     * `highlightMessageTs`).
+     */
+    highlightThreadTs?: string;
+    /**
+     * Called once the panel has consumed the highlight (scrolled + painted) so the
+     * host can strip the deep-link params from the URL — a tab re-mount or refresh
+     * then won't re-trigger the highlight.
+     */
+    onHighlightConsumed?: () => void;
+    /**
+     * HIG UI layer: render the pinned "Channel:/URL:" band above the linked panel
+     * (linked state only, thread + channel modes). Default off (undefined) — only
+     * the HIG provider sets it, so Omni / dev / test mounts are unaffected.
+     */
+    showChannelHeader?: boolean;
+    /**
+     * HIG UI layer: render each message row as a boxed light-gray card with an
+     * outer white gutter, instead of today's plain white row. Default off
+     * (undefined) — only the HIG provider sets it; Omni / dev / test mounts keep
+     * the plain rows.
+     */
+    boxedMessages?: boolean;
+}
+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;IAClE;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACrH;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;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;;YAGA,CAAC,MAAM,MAAM,OAAO,CAAC,CAAC,CAAC,KAAG,OAAO,CAAC,CAAC,CAAC;EAiBtE"}