@red-hat-developer-hub/backstage-plugin-intelligent-assistant 5.1.0 → 5.2.0

package/dist/components/SavedPromptKebabMenu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedPromptKebabMenu.esm.js","sources":["../../src/components/SavedPromptKebabMenu.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, type MouseEvent, type Ref } from 'react';\n\nimport {\n  Dropdown,\n  DropdownList,\n  MenuToggle,\n  type MenuToggleElement,\n} from '@patternfly/react-core';\nimport { EllipsisHIcon } from '@patternfly/react-icons';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { SavedPrompt } from '@red-hat-developer-hub/backstage-plugin-intelligent-assistant-common';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { SavedPromptMenuItems } from './SavedPromptMenuItems';\n\nexport type SavedPromptKebabVariant = 'settings' | 'sidebar';\n\ntype SavedPromptKebabMenuProps = {\n  prompt: SavedPrompt;\n  variant: SavedPromptKebabVariant;\n  onApplyToInput?: (content: string) => void;\n  onSendDirectly: (content: string) => void;\n  onDelete: (prompt: SavedPrompt) => void;\n  isSendDirectlyDisabled?: boolean;\n};\n\nconst useStyles = makeStyles()(() => ({\n  menuButton: {\n    padding: 4,\n  },\n}));\n\ntype SavedPromptMenuToggleProps = {\n  toggleRef: Ref<MenuToggleElement>;\n  promptName: string;\n  isOpen: boolean;\n  menuButtonClassName: string;\n  onToggle: (event: MouseEvent) => void;\n};\n\nconst SavedPromptMenuToggle = ({\n  toggleRef,\n  promptName,\n  isOpen,\n  menuButtonClassName,\n  onToggle,\n}: SavedPromptMenuToggleProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <MenuToggle\n      ref={toggleRef}\n      variant=\"plain\"\n      className={menuButtonClassName}\n      aria-label={t('savedPrompts.actions.menuAriaLabel' as any, {\n        name: promptName,\n      })}\n      isExpanded={isOpen}\n      onClick={onToggle}\n    >\n      <EllipsisHIcon />\n    </MenuToggle>\n  );\n};\n\nexport const SavedPromptKebabMenu = ({\n  prompt,\n  variant,\n  onApplyToInput,\n  onSendDirectly,\n  onDelete,\n  isSendDirectlyDisabled = false,\n}: SavedPromptKebabMenuProps) => {\n  const { classes } = useStyles();\n  const [isOpen, setIsOpen] = useState(false);\n\n  const closeMenu = () => setIsOpen(false);\n\n  return (\n    <Dropdown\n      isOpen={isOpen}\n      popperProps={{\n        position: 'end',\n        preventOverflow: true,\n      }}\n      onOpenChange={setIsOpen}\n      toggle={toggleRef => (\n        <SavedPromptMenuToggle\n          toggleRef={toggleRef}\n          promptName={prompt.name}\n          isOpen={isOpen}\n          menuButtonClassName={classes.menuButton}\n          onToggle={event => {\n            event.stopPropagation();\n            setIsOpen(current => !current);\n          }}\n        />\n      )}\n    >\n      <DropdownList style={{ paddingInlineStart: 0 }}>\n        <SavedPromptMenuItems\n          prompt={prompt}\n          variant={variant}\n          onApplyToInput={onApplyToInput}\n          onSendDirectly={onSendDirectly}\n          onDelete={onDelete}\n          isSendDirectlyDisabled={isSendDirectlyDisabled}\n          closeMenu={closeMenu}\n        />\n      </DropdownList>\n    </Dropdown>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0CA,MAAM,SAAA,GAAY,UAAA,EAAW,CAAE,OAAO;AAAA,EACpC,UAAA,EAAY;AAAA,IACV,OAAA,EAAS;AAAA;AAEb,CAAA,CAAE,CAAA;AAUF,MAAM,wBAAwB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAA,KAAkC;AAChC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,SAAA,EAAW,mBAAA;AAAA,MACX,YAAA,EAAY,EAAE,oCAAA,EAA6C;AAAA,QACzD,IAAA,EAAM;AAAA,OACP,CAAA;AAAA,MACD,UAAA,EAAY,MAAA;AAAA,MACZ,OAAA,EAAS,QAAA;AAAA,MAET,8BAAC,aAAA,EAAA,EAAc;AAAA;AAAA,GACjB;AAEJ,CAAA;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,sBAAA,GAAyB;AAC3B,CAAA,KAAiC;AAC/B,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,SAAA,EAAU;AAC9B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,EAAA,MAAM,SAAA,GAAY,MAAM,SAAA,CAAU,KAAK,CAAA;AAEvC,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,WAAA,EAAa;AAAA,QACX,QAAA,EAAU,KAAA;AAAA,QACV,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,QAAQ,CAAA,SAAA,qBACN,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,YAAY,MAAA,CAAO,IAAA;AAAA,UACnB,MAAA;AAAA,UACA,qBAAqB,OAAA,CAAQ,UAAA;AAAA,UAC7B,UAAU,CAAA,KAAA,KAAS;AACjB,YAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,YAAA,SAAA,CAAU,CAAA,OAAA,KAAW,CAAC,OAAO,CAAA;AAAA,UAC/B;AAAA;AAAA,OACF;AAAA,MAGF,8BAAC,YAAA,EAAA,EAAa,KAAA,EAAO,EAAE,kBAAA,EAAoB,GAAE,EAC3C,QAAA,kBAAA,GAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,OAAA;AAAA,UACA,cAAA;AAAA,UACA,cAAA;AAAA,UACA,QAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA;AAAA,OACF,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/SavedPromptMenuItems.esm.js

@@ -0,0 +1,52 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { DropdownItem } from '@patternfly/react-core';
+import { ArrowRightIcon, PaperPlaneIcon, TrashIcon } from '@patternfly/react-icons';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+
+const SavedPromptMenuItems = ({
+  prompt,
+  variant,
+  onApplyToInput,
+  onSendDirectly,
+  onDelete,
+  isSendDirectlyDisabled = false,
+  closeMenu
+}) => {
+  const { t } = useTranslation();
+  const handleAction = (action) => (event) => {
+    event.stopPropagation();
+    action();
+    closeMenu?.();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    variant === "settings" && onApplyToInput && /* @__PURE__ */ jsx(
+      DropdownItem,
+      {
+        icon: /* @__PURE__ */ jsx(ArrowRightIcon, {}),
+        onClick: handleAction(() => onApplyToInput(prompt.content)),
+        children: t("savedPrompts.actions.apply")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DropdownItem,
+      {
+        icon: /* @__PURE__ */ jsx(PaperPlaneIcon, {}),
+        isDisabled: isSendDirectlyDisabled,
+        description: isSendDirectlyDisabled ? t("savedPrompts.actions.sendDisabledStreaming") : void 0,
+        onClick: handleAction(() => onSendDirectly(prompt.content)),
+        children: t("savedPrompts.actions.send")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DropdownItem,
+      {
+        icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+        onClick: handleAction(() => onDelete(prompt)),
+        children: t("savedPrompts.actions.delete")
+      }
+    )
+  ] });
+};
+
+export { SavedPromptMenuItems };
+//# sourceMappingURL=SavedPromptMenuItems.esm.js.map

package/dist/components/SavedPromptMenuItems.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedPromptMenuItems.esm.js","sources":["../../src/components/SavedPromptMenuItems.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { MouseEvent } from 'react';\n\nimport { DropdownItem } from '@patternfly/react-core';\nimport {\n  ArrowRightIcon,\n  PaperPlaneIcon,\n  TrashIcon,\n} from '@patternfly/react-icons';\n\nimport { SavedPrompt } from '@red-hat-developer-hub/backstage-plugin-intelligent-assistant-common';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { SavedPromptKebabVariant } from './SavedPromptKebabMenu';\n\ntype SavedPromptMenuItemsProps = {\n  prompt: SavedPrompt;\n  variant: SavedPromptKebabVariant;\n  onApplyToInput?: (content: string) => void;\n  onSendDirectly: (content: string) => void;\n  onDelete: (prompt: SavedPrompt) => void;\n  isSendDirectlyDisabled?: boolean;\n  closeMenu?: () => void;\n};\n\nexport const SavedPromptMenuItems = ({\n  prompt,\n  variant,\n  onApplyToInput,\n  onSendDirectly,\n  onDelete,\n  isSendDirectlyDisabled = false,\n  closeMenu,\n}: SavedPromptMenuItemsProps) => {\n  const { t } = useTranslation();\n\n  const handleAction = (action: () => void) => (event: MouseEvent) => {\n    event.stopPropagation();\n    action();\n    closeMenu?.();\n  };\n\n  return (\n    <>\n      {variant === 'settings' && onApplyToInput && (\n        <DropdownItem\n          icon={<ArrowRightIcon />}\n          onClick={handleAction(() => onApplyToInput(prompt.content))}\n        >\n          {t('savedPrompts.actions.apply')}\n        </DropdownItem>\n      )}\n      <DropdownItem\n        icon={<PaperPlaneIcon />}\n        isDisabled={isSendDirectlyDisabled}\n        description={\n          isSendDirectlyDisabled\n            ? t('savedPrompts.actions.sendDisabledStreaming')\n            : undefined\n        }\n        onClick={handleAction(() => onSendDirectly(prompt.content))}\n      >\n        {t('savedPrompts.actions.send')}\n      </DropdownItem>\n      <DropdownItem\n        icon={<TrashIcon />}\n        onClick={handleAction(() => onDelete(prompt))}\n      >\n        {t('savedPrompts.actions.delete')}\n      </DropdownItem>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAuCO,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,sBAAA,GAAyB,KAAA;AAAA,EACzB;AACF,CAAA,KAAiC;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,KAAuB,CAAC,KAAA,KAAsB;AAClE,IAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,IAAA,MAAA,EAAO;AACP,IAAA,SAAA,IAAY;AAAA,EACd,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAA,KAAY,cAAc,cAAA,oBACzB,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,QACtB,SAAS,YAAA,CAAa,MAAM,cAAA,CAAe,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,QAEzD,YAAE,4BAA4B;AAAA;AAAA,KACjC;AAAA,oBAEF,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,QACtB,UAAA,EAAY,sBAAA;AAAA,QACZ,WAAA,EACE,sBAAA,GACI,CAAA,CAAE,4CAA4C,CAAA,GAC9C,MAAA;AAAA,QAEN,SAAS,YAAA,CAAa,MAAM,cAAA,CAAe,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,QAEzD,YAAE,2BAA2B;AAAA;AAAA,KAChC;AAAA,oBACA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,QACjB,OAAA,EAAS,YAAA,CAAa,MAAM,QAAA,CAAS,MAAM,CAAC,CAAA;AAAA,QAE3C,YAAE,6BAA6B;AAAA;AAAA;AAClC,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/SavedPromptsEmptyState.esm.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Content, ContentVariants, Button } from '@patternfly/react-core';
+import { FileAltIcon } from '@patternfly/react-icons';
+import { makeStyles } from 'tss-react/mui';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+
+const useStyles = makeStyles()((theme) => ({
+  root: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    textAlign: "center",
+    padding: theme.spacing(3, 2)
+  },
+  inner: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    maxWidth: 420
+  },
+  icon: {
+    fontSize: 48,
+    color: "var(--pf-t--global--icon--color--subtle)",
+    marginBottom: theme.spacing(1.5)
+  },
+  title: {
+    margin: 0,
+    marginBottom: theme.spacing(1),
+    fontWeight: 600
+  },
+  description: {
+    margin: 0,
+    marginBottom: theme.spacing(3),
+    color: "var(--pf-t--global--text--color--subtle)"
+  },
+  action: {
+    borderRadius: 999
+  }
+}));
+const SavedPromptsEmptyState = ({
+  onNewPrompt
+}) => {
+  const { classes } = useStyles();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: classes.root, "data-testid": "saved-prompts-empty-state", children: /* @__PURE__ */ jsxs("div", { className: classes.inner, children: [
+    /* @__PURE__ */ jsx(FileAltIcon, { className: classes.icon, "aria-hidden": true }),
+    /* @__PURE__ */ jsx(Content, { component: ContentVariants.p, className: classes.title, children: t("savedPrompts.count.zero") }),
+    /* @__PURE__ */ jsx(Content, { component: ContentVariants.p, className: classes.description, children: t("savedPrompts.empty.description") }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        className: classes.action,
+        onClick: onNewPrompt,
+        children: t("savedPrompts.newPrompt")
+      }
+    )
+  ] }) });
+};
+
+export { SavedPromptsEmptyState };
+//# sourceMappingURL=SavedPromptsEmptyState.esm.js.map

package/dist/components/SavedPromptsEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedPromptsEmptyState.esm.js","sources":["../../src/components/SavedPromptsEmptyState.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Button, Content, ContentVariants } from '@patternfly/react-core';\nimport { FileAltIcon } from '@patternfly/react-icons';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { useTranslation } from '../hooks/useTranslation';\n\ntype SavedPromptsEmptyStateProps = {\n  onNewPrompt: () => void;\n};\n\nconst useStyles = makeStyles()(theme => ({\n  root: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    textAlign: 'center',\n    padding: theme.spacing(3, 2),\n  },\n  inner: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    maxWidth: 420,\n  },\n  icon: {\n    fontSize: 48,\n    color: 'var(--pf-t--global--icon--color--subtle)',\n    marginBottom: theme.spacing(1.5),\n  },\n  title: {\n    margin: 0,\n    marginBottom: theme.spacing(1),\n    fontWeight: 600,\n  },\n  description: {\n    margin: 0,\n    marginBottom: theme.spacing(3),\n    color: 'var(--pf-t--global--text--color--subtle)',\n  },\n  action: {\n    borderRadius: 999,\n  },\n}));\n\nexport const SavedPromptsEmptyState = ({\n  onNewPrompt,\n}: SavedPromptsEmptyStateProps) => {\n  const { classes } = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.root} data-testid=\"saved-prompts-empty-state\">\n      <div className={classes.inner}>\n        <FileAltIcon className={classes.icon} aria-hidden />\n        <Content component={ContentVariants.p} className={classes.title}>\n          {t('savedPrompts.count.zero')}\n        </Content>\n        <Content component={ContentVariants.p} className={classes.description}>\n          {t('savedPrompts.empty.description')}\n        </Content>\n        <Button\n          variant=\"secondary\"\n          className={classes.action}\n          onClick={onNewPrompt}\n        >\n          {t('savedPrompts.newPrompt')}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBA,MAAM,SAAA,GAAY,UAAA,EAAW,CAAE,CAAA,KAAA,MAAU;AAAA,EACvC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,SAAA,EAAW,QAAA;AAAA,IACX,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC;AAAA,GAC7B;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,EAAA;AAAA,IACV,KAAA,EAAO,0CAAA;AAAA,IACP,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,CAAA;AAAA,IACR,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,WAAA,EAAa;AAAA,IACX,MAAA,EAAQ,CAAA;AAAA,IACR,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,YAAA,EAAc;AAAA;AAElB,CAAA,CAAE,CAAA;AAEK,MAAM,yBAAyB,CAAC;AAAA,EACrC;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,SAAA,EAAU;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,aAAA,EAAY,2BAAA,EACxC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,eAAW,IAAA,EAAC,CAAA;AAAA,oBAClD,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,eAAA,CAAgB,CAAA,EAAG,WAAW,OAAA,CAAQ,KAAA,EACvD,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAC9B,CAAA;AAAA,oBACA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,eAAA,CAAgB,CAAA,EAAG,WAAW,OAAA,CAAQ,WAAA,EACvD,QAAA,EAAA,CAAA,CAAE,gCAAgC,CAAA,EACrC,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,WAAW,OAAA,CAAQ,MAAA;AAAA,QACnB,OAAA,EAAS,WAAA;AAAA,QAER,YAAE,wBAAwB;AAAA;AAAA;AAC7B,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/SavedPromptsList.esm.js

@@ -0,0 +1,63 @@
+import { jsx } from 'react/jsx-runtime';
+import { Spinner, Alert } from '@patternfly/react-core';
+import { makeStyles } from 'tss-react/mui';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { SavedPromptCard } from './SavedPromptCard.esm.js';
+
+const useStyles = makeStyles()((theme) => ({
+  root: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  loading: {
+    display: "flex",
+    justifyContent: "center",
+    padding: theme.spacing(3)
+  }
+}));
+const SavedPromptsList = ({
+  prompts,
+  loading,
+  error,
+  variant = "settings",
+  onApplyToInput,
+  onSendDirectly,
+  onDelete,
+  isSendDirectlyDisabled
+}) => {
+  const { classes } = useStyles();
+  const { t } = useTranslation();
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: classes.loading, "data-testid": "saved-prompts-list-loading", children: /* @__PURE__ */ jsx(Spinner, { size: "lg", "aria-label": t("common.loading") }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "danger",
+        isInline: true,
+        title: error,
+        "data-testid": "saved-prompts-list-error"
+      }
+    );
+  }
+  if (prompts.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: classes.root, "data-testid": "saved-prompts-list", children: prompts.map((prompt, index) => /* @__PURE__ */ jsx(
+    SavedPromptCard,
+    {
+      prompt,
+      variant,
+      showDivider: index < prompts.length - 1,
+      onApplyToInput,
+      onSendDirectly,
+      onDelete,
+      isSendDirectlyDisabled
+    },
+    prompt.id
+  )) });
+};
+
+export { SavedPromptsList };
+//# sourceMappingURL=SavedPromptsList.esm.js.map

package/dist/components/SavedPromptsList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedPromptsList.esm.js","sources":["../../src/components/SavedPromptsList.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Alert, Spinner } from '@patternfly/react-core';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { SavedPrompt } from '@red-hat-developer-hub/backstage-plugin-intelligent-assistant-common';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { SavedPromptCard } from './SavedPromptCard';\nimport { SavedPromptKebabVariant } from './SavedPromptKebabMenu';\n\ntype SavedPromptsListProps = {\n  prompts: SavedPrompt[];\n  loading: boolean;\n  error: string | null;\n  variant?: SavedPromptKebabVariant;\n  onApplyToInput?: (content: string) => void;\n  onSendDirectly: (content: string) => void;\n  onDelete: (prompt: SavedPrompt) => void;\n  isSendDirectlyDisabled?: boolean;\n};\n\nconst useStyles = makeStyles()(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  loading: {\n    display: 'flex',\n    justifyContent: 'center',\n    padding: theme.spacing(3),\n  },\n}));\n\nexport const SavedPromptsList = ({\n  prompts,\n  loading,\n  error,\n  variant = 'settings',\n  onApplyToInput,\n  onSendDirectly,\n  onDelete,\n  isSendDirectlyDisabled,\n}: SavedPromptsListProps) => {\n  const { classes } = useStyles();\n  const { t } = useTranslation();\n\n  if (loading) {\n    return (\n      <div className={classes.loading} data-testid=\"saved-prompts-list-loading\">\n        <Spinner size=\"lg\" aria-label={t('common.loading')} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <Alert\n        variant=\"danger\"\n        isInline\n        title={error}\n        data-testid=\"saved-prompts-list-error\"\n      />\n    );\n  }\n\n  if (prompts.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={classes.root} data-testid=\"saved-prompts-list\">\n      {prompts.map((prompt, index) => (\n        <SavedPromptCard\n          key={prompt.id}\n          prompt={prompt}\n          variant={variant}\n          showDivider={index < prompts.length - 1}\n          onApplyToInput={onApplyToInput}\n          onSendDirectly={onSendDirectly}\n          onDelete={onDelete}\n          isSendDirectlyDisabled={isSendDirectlyDisabled}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAmCA,MAAM,SAAA,GAAY,UAAA,EAAW,CAAE,CAAA,KAAA,MAAU;AAAA,EACvC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe;AAAA,GACjB;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MAAA;AAAA,IACT,cAAA,EAAgB,QAAA;AAAA,IAChB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAE5B,CAAA,CAAE,CAAA;AAEK,MAAM,mBAAmB,CAAC;AAAA,EAC/B,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,UAAA;AAAA,EACV,cAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,SAAA,EAAU;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAS,aAAA,EAAY,4BAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAK,IAAA,EAAK,YAAA,EAAY,CAAA,CAAE,gBAAgB,GAAG,CAAA,EACtD,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,QAAA;AAAA,QACR,QAAA,EAAQ,IAAA;AAAA,QACR,KAAA,EAAO,KAAA;AAAA,QACP,aAAA,EAAY;AAAA;AAAA,KACd;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,aAAA,EAAY,oBAAA,EACvC,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,qBACpB,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MAEC,MAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA,EAAa,KAAA,GAAQ,OAAA,CAAQ,MAAA,GAAS,CAAA;AAAA,MACtC,cAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAPK,MAAA,CAAO;AAAA,GASf,CAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/SavedPromptsSettings.esm.js

@@ -0,0 +1,285 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import Typography from '@mui/material/Typography';
+import { Button, Alert, AlertActionLink, Tooltip, FormGroup, TextInput, FormHelperText, HelperText, HelperTextItem, TextArea } from '@patternfly/react-core';
+import { ExclamationCircleIcon } from '@patternfly/react-icons';
+import { makeStyles } from 'tss-react/mui';
+import { useSavedPromptActions } from '../hooks/useSavedPromptActions.esm.js';
+import { useSavedPrompts } from '../hooks/useSavedPrompts.esm.js';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { DeleteSavedPromptModal } from './DeleteSavedPromptModal.esm.js';
+import { SavedPromptsEmptyState } from './SavedPromptsEmptyState.esm.js';
+import { SavedPromptsList } from './SavedPromptsList.esm.js';
+
+const hasInjectedSavedPromptsData = (props) => props.savedPrompts !== void 0 && props.savedPromptsConfig !== void 0 && props.onCreateSavedPrompt !== void 0 && props.onRequestDelete !== void 0;
+const useStyles = makeStyles()(() => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    padding: "16px 24px"
+  },
+  form: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    padding: "16px",
+    borderBottom: "1px solid var(--pf-t--global--border--color--default)"
+  },
+  formActions: {
+    display: "flex",
+    gap: "8px"
+  },
+  promptCount: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    borderBottom: "1px solid var(--pf-t--global--border--color--default)",
+    paddingBottom: "12px"
+  }
+}));
+const SavedPromptsSettingsContent = ({
+  isSavedPromptsEnabled,
+  onEnableSavedPrompts,
+  onApplyToInput,
+  onSendDirectly,
+  isChatStreaming = false,
+  savedPrompts,
+  savedPromptsConfig: config,
+  savedPromptsLoading: loading,
+  savedPromptsError: error,
+  onCreateSavedPrompt: createPrompt,
+  onRequestDelete
+}) => {
+  const { classes } = useStyles();
+  const { t } = useTranslation();
+  const [isFormOpen, setIsFormOpen] = useState(false);
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+  const [isSaving, setIsSaving] = useState(false);
+  const [saveError, setSaveError] = useState(null);
+  const titleExceedsLimit = title.length > config.max_display_name_length;
+  const contentExceedsLimit = content.length > config.max_content_length;
+  const isFormValid = title.trim().length > 0 && content.trim().length > 0 && !titleExceedsLimit && !contentExceedsLimit;
+  const isLimitReached = savedPrompts.length >= config.max_prompts_per_user;
+  const hasPrompts = savedPrompts.length > 0;
+  const showEmptyState = !loading && !error && !hasPrompts && !isFormOpen;
+  const handleSave = useCallback(async () => {
+    if (!isFormValid) return;
+    setIsSaving(true);
+    setSaveError(null);
+    try {
+      await createPrompt(title.trim(), content.trim());
+      setTitle("");
+      setContent("");
+      setIsFormOpen(false);
+    } catch (e) {
+      setSaveError(e instanceof Error ? e.message : "Failed to save prompt");
+    } finally {
+      setIsSaving(false);
+    }
+  }, [isFormValid, title, content, createPrompt]);
+  const handleCancel = () => {
+    setTitle("");
+    setContent("");
+    setIsFormOpen(false);
+    setSaveError(null);
+  };
+  const newPromptButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "secondary",
+      size: "sm",
+      isDisabled: isLimitReached || isFormOpen,
+      onClick: () => setIsFormOpen(true),
+      style: { borderRadius: "999px" },
+      children: t("savedPrompts.newPrompt")
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    !isSavedPromptsEnabled && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "info",
+        isInline: true,
+        title: t("savedPrompts.disabled.title"),
+        actionLinks: /* @__PURE__ */ jsx(AlertActionLink, { onClick: onEnableSavedPrompts, children: t("savedPrompts.disabled.enableLink") }),
+        style: { marginBottom: "12px" },
+        children: t("savedPrompts.disabled.body")
+      }
+    ),
+    (isFormOpen || hasPrompts) && /* @__PURE__ */ jsxs("div", { className: classes.promptCount, children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          component: "span",
+          style: { color: "var(--pf-t--global--text--color--subtle)" },
+          children: savedPrompts.length === 0 ? t("savedPrompts.count.zero") : t("savedPrompts.count", {
+            count: savedPrompts.length
+          })
+        }
+      ),
+      isLimitReached ? /* @__PURE__ */ jsx(Tooltip, { content: t("savedPrompts.limitReached"), children: /* @__PURE__ */ jsx(Typography, { component: "span", children: newPromptButton }) }) : newPromptButton
+    ] }),
+    isFormOpen && /* @__PURE__ */ jsxs("div", { className: classes.form, children: [
+      /* @__PURE__ */ jsxs(
+        FormGroup,
+        {
+          label: t("savedPrompts.form.titleLabel"),
+          isRequired: true,
+          fieldId: "saved-prompt-title",
+          children: [
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                id: "saved-prompt-title",
+                value: title,
+                onChange: (_event, value) => setTitle(value),
+                validated: titleExceedsLimit ? "error" : "default",
+                isRequired: true,
+                placeholder: t("savedPrompts.form.titlePlaceholder")
+              }
+            ),
+            titleExceedsLimit && /* @__PURE__ */ jsx(FormHelperText, { children: /* @__PURE__ */ jsx(HelperText, { children: /* @__PURE__ */ jsx(
+              HelperTextItem,
+              {
+                icon: /* @__PURE__ */ jsx(ExclamationCircleIcon, {}),
+                variant: "error",
+                children: t("savedPrompts.validation.titleMaxLength", {
+                  max: config.max_display_name_length
+                })
+              }
+            ) }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        FormGroup,
+        {
+          label: t("savedPrompts.form.contentLabel"),
+          isRequired: true,
+          fieldId: "saved-prompt-content",
+          children: [
+            /* @__PURE__ */ jsx(
+              TextArea,
+              {
+                id: "saved-prompt-content",
+                value: content,
+                onChange: (_event, value) => setContent(value),
+                validated: contentExceedsLimit ? "error" : "default",
+                isRequired: true,
+                rows: 4,
+                resizeOrientation: "vertical",
+                placeholder: t("savedPrompts.form.contentPlaceholder")
+              }
+            ),
+            contentExceedsLimit && /* @__PURE__ */ jsx(FormHelperText, { children: /* @__PURE__ */ jsx(HelperText, { children: /* @__PURE__ */ jsx(
+              HelperTextItem,
+              {
+                icon: /* @__PURE__ */ jsx(ExclamationCircleIcon, {}),
+                variant: "error",
+                children: t("savedPrompts.validation.contentMaxLength", {
+                  max: config.max_content_length
+                })
+              }
+            ) }) })
+          ]
+        }
+      ),
+      saveError && /* @__PURE__ */ jsx(Alert, { variant: "danger", isInline: true, isPlain: true, title: saveError }),
+      /* @__PURE__ */ jsxs("div", { className: classes.formActions, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            size: "sm",
+            isDisabled: !isFormValid || isSaving,
+            isLoading: isSaving,
+            onClick: handleSave,
+            children: t("savedPrompts.form.save")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "link",
+            size: "sm",
+            onClick: handleCancel,
+            isDisabled: isSaving,
+            children: t("savedPrompts.form.cancel")
+          }
+        )
+      ] })
+    ] }),
+    showEmptyState ? /* @__PURE__ */ jsx(SavedPromptsEmptyState, { onNewPrompt: () => setIsFormOpen(true) }) : /* @__PURE__ */ jsx(
+      SavedPromptsList,
+      {
+        prompts: savedPrompts,
+        loading,
+        error,
+        variant: "settings",
+        onApplyToInput,
+        onSendDirectly,
+        onDelete: onRequestDelete,
+        isSendDirectlyDisabled: isChatStreaming
+      }
+    )
+  ] });
+};
+const SavedPromptsSettingsWithHook = (props) => {
+  const { savedPrompts, config, loading, error, createPrompt, deletePrompt } = useSavedPrompts();
+  const {
+    requestDelete,
+    promptToDelete,
+    closeDeleteModal,
+    confirmDelete,
+    isDeleting,
+    deleteError,
+    isDeleteModalOpen
+  } = useSavedPromptActions({
+    onApplyToInput: props.onApplyToInput,
+    onSendDirectly: props.onSendDirectly,
+    onDelete: deletePrompt
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SavedPromptsSettingsContent,
+      {
+        ...props,
+        savedPrompts,
+        savedPromptsConfig: config,
+        savedPromptsLoading: loading,
+        savedPromptsError: error,
+        onCreateSavedPrompt: createPrompt,
+        onRequestDelete: requestDelete
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DeleteSavedPromptModal,
+      {
+        isOpen: isDeleteModalOpen,
+        promptName: promptToDelete?.name,
+        isDeleting,
+        error: deleteError,
+        onClose: closeDeleteModal,
+        onConfirm: confirmDelete
+      }
+    )
+  ] });
+};
+const SavedPromptsSettings = (props) => {
+  if (hasInjectedSavedPromptsData(props)) {
+    return /* @__PURE__ */ jsx(
+      SavedPromptsSettingsContent,
+      {
+        ...props,
+        savedPromptsLoading: props.savedPromptsLoading ?? false,
+        savedPromptsError: props.savedPromptsError ?? null
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(SavedPromptsSettingsWithHook, { ...props });
+};
+
+export { SavedPromptsSettings };
+//# sourceMappingURL=SavedPromptsSettings.esm.js.map

package/dist/components/SavedPromptsSettings.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedPromptsSettings.esm.js","sources":["../../src/components/SavedPromptsSettings.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useState } from 'react';\n\nimport Typography from '@mui/material/Typography';\nimport {\n  Alert,\n  AlertActionLink,\n  Button,\n  FormGroup,\n  FormHelperText,\n  HelperText,\n  HelperTextItem,\n  TextArea,\n  TextInput,\n  Tooltip,\n} from '@patternfly/react-core';\nimport { ExclamationCircleIcon } from '@patternfly/react-icons';\nimport { makeStyles } from 'tss-react/mui';\n\nimport {\n  SavedPrompt,\n  SavedPromptsConfig,\n} from '@red-hat-developer-hub/backstage-plugin-intelligent-assistant-common';\n\nimport { useSavedPromptActions } from '../hooks/useSavedPromptActions';\nimport { useSavedPrompts } from '../hooks/useSavedPrompts';\nimport { useTranslation } from '../hooks/useTranslation';\nimport { DeleteSavedPromptModal } from './DeleteSavedPromptModal';\nimport { SavedPromptsEmptyState } from './SavedPromptsEmptyState';\nimport { SavedPromptsList } from './SavedPromptsList';\n\ntype SavedPromptsSettingsProps = {\n  isSavedPromptsEnabled: boolean;\n  onEnableSavedPrompts: () => void;\n  onApplyToInput: (content: string) => void;\n  onSendDirectly: (content: string) => void;\n  isChatStreaming?: boolean;\n  savedPrompts?: SavedPrompt[];\n  savedPromptsConfig?: SavedPromptsConfig;\n  savedPromptsLoading?: boolean;\n  savedPromptsError?: string | null;\n  onCreateSavedPrompt?: (name: string, content: string) => Promise<void>;\n  onRequestDelete?: (prompt: SavedPrompt) => void;\n};\n\ntype SavedPromptsSettingsContentProps = SavedPromptsSettingsProps & {\n  savedPrompts: SavedPrompt[];\n  savedPromptsConfig: SavedPromptsConfig;\n  savedPromptsLoading: boolean;\n  savedPromptsError: string | null;\n  onCreateSavedPrompt: (name: string, content: string) => Promise<void>;\n  onRequestDelete: (prompt: SavedPrompt) => void;\n};\n\nconst hasInjectedSavedPromptsData = (\n  props: SavedPromptsSettingsProps,\n): props is SavedPromptsSettingsContentProps =>\n  props.savedPrompts !== undefined &&\n  props.savedPromptsConfig !== undefined &&\n  props.onCreateSavedPrompt !== undefined &&\n  props.onRequestDelete !== undefined;\n\nconst useStyles = makeStyles()(() => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    padding: '16px 24px',\n  },\n  form: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '12px',\n    padding: '16px',\n    borderBottom: '1px solid var(--pf-t--global--border--color--default)',\n  },\n  formActions: {\n    display: 'flex',\n    gap: '8px',\n  },\n  promptCount: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '1px solid var(--pf-t--global--border--color--default)',\n    paddingBottom: '12px',\n  },\n}));\n\nconst SavedPromptsSettingsContent = ({\n  isSavedPromptsEnabled,\n  onEnableSavedPrompts,\n  onApplyToInput,\n  onSendDirectly,\n  isChatStreaming = false,\n  savedPrompts,\n  savedPromptsConfig: config,\n  savedPromptsLoading: loading,\n  savedPromptsError: error,\n  onCreateSavedPrompt: createPrompt,\n  onRequestDelete,\n}: SavedPromptsSettingsContentProps) => {\n  const { classes } = useStyles();\n  const { t } = useTranslation();\n\n  const [isFormOpen, setIsFormOpen] = useState(false);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n  const [isSaving, setIsSaving] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n\n  const titleExceedsLimit = title.length > config.max_display_name_length;\n  const contentExceedsLimit = content.length > config.max_content_length;\n  const isFormValid =\n    title.trim().length > 0 &&\n    content.trim().length > 0 &&\n    !titleExceedsLimit &&\n    !contentExceedsLimit;\n  const isLimitReached = savedPrompts.length >= config.max_prompts_per_user;\n  const hasPrompts = savedPrompts.length > 0;\n  const showEmptyState = !loading && !error && !hasPrompts && !isFormOpen;\n\n  const handleSave = useCallback(async () => {\n    if (!isFormValid) return;\n    setIsSaving(true);\n    setSaveError(null);\n    try {\n      await createPrompt(title.trim(), content.trim());\n      setTitle('');\n      setContent('');\n      setIsFormOpen(false);\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'Failed to save prompt');\n    } finally {\n      setIsSaving(false);\n    }\n  }, [isFormValid, title, content, createPrompt]);\n\n  const handleCancel = () => {\n    setTitle('');\n    setContent('');\n    setIsFormOpen(false);\n    setSaveError(null);\n  };\n\n  const newPromptButton = (\n    <Button\n      variant=\"secondary\"\n      size=\"sm\"\n      isDisabled={isLimitReached || isFormOpen}\n      onClick={() => setIsFormOpen(true)}\n      style={{ borderRadius: '999px' }}\n    >\n      {t('savedPrompts.newPrompt')}\n    </Button>\n  );\n\n  return (\n    <div className={classes.root}>\n      {!isSavedPromptsEnabled && (\n        <Alert\n          variant=\"info\"\n          isInline\n          title={t('savedPrompts.disabled.title')}\n          actionLinks={\n            <AlertActionLink onClick={onEnableSavedPrompts}>\n              {t('savedPrompts.disabled.enableLink')}\n            </AlertActionLink>\n          }\n          style={{ marginBottom: '12px' }}\n        >\n          {t('savedPrompts.disabled.body')}\n        </Alert>\n      )}\n\n      {(isFormOpen || hasPrompts) && (\n        <div className={classes.promptCount}>\n          <Typography\n            component=\"span\"\n            style={{ color: 'var(--pf-t--global--text--color--subtle)' }}\n          >\n            {savedPrompts.length === 0\n              ? t('savedPrompts.count.zero')\n              : (t as Function)('savedPrompts.count', {\n                  count: savedPrompts.length,\n                })}\n          </Typography>\n          {isLimitReached ? (\n            <Tooltip content={t('savedPrompts.limitReached')}>\n              <Typography component=\"span\">{newPromptButton}</Typography>\n            </Tooltip>\n          ) : (\n            newPromptButton\n          )}\n        </div>\n      )}\n\n      {isFormOpen && (\n        <div className={classes.form}>\n          <FormGroup\n            label={t('savedPrompts.form.titleLabel')}\n            isRequired\n            fieldId=\"saved-prompt-title\"\n          >\n            <TextInput\n              id=\"saved-prompt-title\"\n              value={title}\n              onChange={(_event, value) => setTitle(value)}\n              validated={titleExceedsLimit ? 'error' : 'default'}\n              isRequired\n              placeholder={t('savedPrompts.form.titlePlaceholder')}\n            />\n            {titleExceedsLimit && (\n              <FormHelperText>\n                <HelperText>\n                  <HelperTextItem\n                    icon={<ExclamationCircleIcon />}\n                    variant=\"error\"\n                  >\n                    {t('savedPrompts.validation.titleMaxLength', {\n                      max: config.max_display_name_length,\n                    } as any)}\n                  </HelperTextItem>\n                </HelperText>\n              </FormHelperText>\n            )}\n          </FormGroup>\n\n          <FormGroup\n            label={t('savedPrompts.form.contentLabel')}\n            isRequired\n            fieldId=\"saved-prompt-content\"\n          >\n            <TextArea\n              id=\"saved-prompt-content\"\n              value={content}\n              onChange={(_event, value) => setContent(value)}\n              validated={contentExceedsLimit ? 'error' : 'default'}\n              isRequired\n              rows={4}\n              resizeOrientation=\"vertical\"\n              placeholder={t('savedPrompts.form.contentPlaceholder')}\n            />\n            {contentExceedsLimit && (\n              <FormHelperText>\n                <HelperText>\n                  <HelperTextItem\n                    icon={<ExclamationCircleIcon />}\n                    variant=\"error\"\n                  >\n                    {t('savedPrompts.validation.contentMaxLength', {\n                      max: config.max_content_length,\n                    } as any)}\n                  </HelperTextItem>\n                </HelperText>\n              </FormHelperText>\n            )}\n          </FormGroup>\n\n          {saveError && (\n            <Alert variant=\"danger\" isInline isPlain title={saveError} />\n          )}\n\n          <div className={classes.formActions}>\n            <Button\n              variant=\"primary\"\n              size=\"sm\"\n              isDisabled={!isFormValid || isSaving}\n              isLoading={isSaving}\n              onClick={handleSave}\n            >\n              {t('savedPrompts.form.save')}\n            </Button>\n            <Button\n              variant=\"link\"\n              size=\"sm\"\n              onClick={handleCancel}\n              isDisabled={isSaving}\n            >\n              {t('savedPrompts.form.cancel')}\n            </Button>\n          </div>\n        </div>\n      )}\n\n      {showEmptyState ? (\n        <SavedPromptsEmptyState onNewPrompt={() => setIsFormOpen(true)} />\n      ) : (\n        <SavedPromptsList\n          prompts={savedPrompts}\n          loading={loading}\n          error={error}\n          variant=\"settings\"\n          onApplyToInput={onApplyToInput}\n          onSendDirectly={onSendDirectly}\n          onDelete={onRequestDelete}\n          isSendDirectlyDisabled={isChatStreaming}\n        />\n      )}\n    </div>\n  );\n};\n\nconst SavedPromptsSettingsWithHook = (props: SavedPromptsSettingsProps) => {\n  const { savedPrompts, config, loading, error, createPrompt, deletePrompt } =\n    useSavedPrompts();\n\n  const {\n    requestDelete,\n    promptToDelete,\n    closeDeleteModal,\n    confirmDelete,\n    isDeleting,\n    deleteError,\n    isDeleteModalOpen,\n  } = useSavedPromptActions({\n    onApplyToInput: props.onApplyToInput,\n    onSendDirectly: props.onSendDirectly,\n    onDelete: deletePrompt,\n  });\n\n  return (\n    <>\n      <SavedPromptsSettingsContent\n        {...props}\n        savedPrompts={savedPrompts}\n        savedPromptsConfig={config}\n        savedPromptsLoading={loading}\n        savedPromptsError={error}\n        onCreateSavedPrompt={createPrompt}\n        onRequestDelete={requestDelete}\n      />\n      <DeleteSavedPromptModal\n        isOpen={isDeleteModalOpen}\n        promptName={promptToDelete?.name}\n        isDeleting={isDeleting}\n        error={deleteError}\n        onClose={closeDeleteModal}\n        onConfirm={confirmDelete}\n      />\n    </>\n  );\n};\n\nexport const SavedPromptsSettings = (props: SavedPromptsSettingsProps) => {\n  if (hasInjectedSavedPromptsData(props)) {\n    return (\n      <SavedPromptsSettingsContent\n        {...props}\n        savedPromptsLoading={props.savedPromptsLoading ?? false}\n        savedPromptsError={props.savedPromptsError ?? null}\n      />\n    );\n  }\n\n  return <SavedPromptsSettingsWithHook {...props} />;\n};\n"],"names":[],"mappings":"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"}